body{background-color:var(--main-bg);font-family:Arial,Helvetica,sans-serif}h2{font-size:1.1rem}#root{text-align:center}#form-area section{display:flex;flex-direction:column;gap:1rem;background-color:#fff;max-width:30vw}.accordion-toggle h3{margin:0}form{display:flex;flex-direction:column;gap:5px;width:100%!important}form fieldset{display:flex;flex-direction:column;border:none;padding:0}form input{margin:5px;padding:8px;border:1px solid #ccc;border-radius:4px;width:80%}form textarea{margin:5px;padding:8px;border:1px solid #ccc;border-radius:4px;width:24vw;max-width:600px;height:10vh;min-height:100px;resize:both}form input:focus{border-color:#4d90fe;outline:none;box-shadow:0 0 0 2px #4d90fe33}form label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}form button[type=submit]{align-self:center;width:120px;padding:.75rem;background:#4d90fe;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}form button[type=submit]:hover{background:#357ae8}.shown{display:block}.hidden{display:none}label{display:block}.theme-selection{margin:1rem}.theme-selection h4{margin:5px}.theme-button{margin:2.5px}@media screen and (max-width: 900px){form{margin:0;padding:0}form textarea{width:69vw}}@media screen and (max-width: 480px){form textarea{width:65vw}}.section-header{text-align:left;margin-top:20px}.section-header h3{margin:0}aside{flex:0 0 25%;padding:1.5rem;background-color:#5f9ea0;color:#f5f5f5;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.profile-photo{width:200px;height:200px;border:3px solid #f0f0f0;border-radius:50%;object-fit:cover;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.photo{margin:1rem}aside a{color:inherit;text-decoration:none;margin:.5rem}aside a:hover{text-decoration:underline}aside p{margin:.5rem}aside h4{text-align-last:left}aside ul{list-style-type:none;margin:0;padding:0;text-align:left}aside ul li{display:inline-block;margin:5px}main{padding:1.5rem;text-align:center;width:100%}.data-row{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid #cfcfcf}main .data-section .data-row:last-child{border:none!important}.resume-layout{border:1px solid #ededed;box-shadow:0 0 15px #00000069;background-color:#fff;height:125vh;display:flex;transform:scale(.9);transform-origin:top left;width:100%}.personal-data-wrapper .icon{color:#f5f5f5}.education-data-wrapper{padding:0 1.5rem}.experience-data-wrapper{padding:0 1.5rem 1.5rem}.display-info h2:first-child{border:none;text-align:center}.display-info h2{text-align:left}.personal-data-row{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.personal-data-row .buttons{align-self:center!important}.contact-info{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;margin-bottom:3rem}.entry-wrapper{flex-grow:1}.entry{display:flex;flex-direction:row;justify-content:space-between;padding:.5rem;text-align:left}.buttons{align-self:end}button{border:none;background-color:transparent;cursor:pointer;border-radius:3px;padding:10px}button.remove:hover{background-color:#fa7f7f;color:#fff}button.edit:hover{background-color:#efcc75;color:#fff}.section{display:flex;flex-direction:column;justify-content:space-around}.hobbies{justify-self:flex-end}@media screen and (max-width: 1780px){.resume-layout{transform:scale(.8);width:120%}.photo{transform:scale(.8)}}@media screen and (max-width: 1500px){.resume-layout{transform:scale(.7);width:142%}.photo{margin:0}}@media screen and (max-width: 1300px){.resume-layout{transform:scale(.6);width:166%;height:150vh}}@media screen and (max-width: 1150px){.resume-layout{width:166%}}@media screen and (max-width: 900px){.resume-layout{width:163%}}@media screen and (max-width: 480px){.resume-layout{transform:scale(.5);width:200%}aside{padding:.3rem}.personal-data-row{flex-direction:column}.contact-info{margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0px;margin-inline-end:0px}.education-data-wrapper,.experience-data-wrapper{padding:0 .5rem}.entry{text-align:left!important}}:root{--main-bg: #f3f4f6;--black-text-color: black;--white-text-color: white;--gray-text-color: #636363}.App{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh}.toggle-default-btn{margin:1rem;padding:.5rem 1rem;font-weight:500;background-color:#444;color:#fff;border:none;border-radius:4px;cursor:pointer}.container{display:flex;flex-direction:column;justify-content:space-around;text-align:center;align-items:flex-start;margin:1rem;padding:1rem}#form-area{width:45vw;max-height:95vh;position:sticky;top:0;overflow-y:auto}#form-area section{background-color:#fff;margin:1rem;padding:1rem;box-shadow:0 0 15px #00000069;border-radius:16px}#resume-area{width:45vw}.accordion-content{overflow:hidden;transition:max-height .3s ease-out}.accordion-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion-header h2{margin:0}.icon{transition:transform .3s ease;font-size:1.28rem}.btn{margin:10px}footer{text-align:center;padding:1rem}.footer-link{display:inline-flex;align-items:center;gap:.5rem;color:#333;text-decoration:none}.footer-icon{font-size:1.2rem}@media screen and (max-width: 320px){.container{width:100%;margin:calc(.3rem + 1vw);padding:calc(.3rem + 1vw);margin:0;padding:0}}@media screen and (min-width: 900px){.container{flex-direction:row;gap:2rem;max-width:min-content}}@media screen and (max-width: 1400px){#resume-area{height:70vh}}@media screen and (max-width: 1150px){.container{gap:0}}@media screen and (max-width: 900px){#form-area{width:100%;position:relative}#form-area section{max-width:100%;padding:.5rem;border-radius:7px}#form-area section>button{padding:0;font-size:.85rem}#form-area section form{margin:15px 0}#resume-area{width:90vw;height:90vh}}@media screen and (max-width: 480px){#resume-area{height:75vh}}