@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";#root{margin:0 auto;width:100%;background-color:var(--header-footer-color)}.header{display:flex;align-items:center;background-color:var(--header-footer-color);border-bottom:1px solid var(--input-backgrounds);color:var(--font-color);padding:15px clamp(.5rem,-3.23778rem + 15.738vw,8rem);gap:1rem}.header img{width:4rem}.header h1{display:none;color:var(--font-color)}@media (min-width: 500px){.header h1{display:block}}.toggler-wrapper{display:flex;flex-grow:1;justify-content:flex-end;align-items:center}.toggler-wrapper .mode-logo{height:35px;animation:fade-in 1s ease-in-out forwards}.toggler-wrapper .toggle-background{width:3rem;height:25px;background-color:var(--font-color);border-radius:9999px;display:grid;place-content:center}.toggler-wrapper .toggle-background .toggle-button{width:20px;height:20px;border-radius:50%;background-color:var(--header-footer-color);box-shadow:0 .5px 5px #000000b3;outline:none;transition:all .2s ease-in-out}.toggler-wrapper .toggle-background .dark{transform:translate(11px)}.toggler-wrapper .toggle-background .light{transform:translate(-12px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.contact{margin-top:110px;color:var(--body-background-color);margin-bottom:18px;font-size:1.4rem}.contact-info{list-style:none;display:flex;flex-direction:column;gap:10px}.contact-info li{display:flex;align-items:center;color:var(--body-background-color);gap:10px;font-size:.8rem}.experience{display:flex;flex-direction:column}.experience .date{font-size:.8rem}.experience .experience-description{font-size:1rem}.experience-section{margin-bottom:20px;display:flex;align-items:center;gap:5px}.cv-container{display:flex;height:100%}.cv-container .cv-aside,.cv-container .cv-body{padding:10px}.cv-container .cv-aside{background-color:var(--font-color)}.cv-container .cv-body{background-color:var(--header-footer-color);display:flex;flex-direction:column;gap:20px}.input-wrapper{display:flex;flex-direction:column;gap:8px}.input-wrapper label{color:var(--font-color)}.input-wrapper input,.input-wrapper textarea{padding:8px;outline:none;display:flex;align-items:center;border-radius:8px;resize:none;border:2px solid #2b2c36;background-color:var(--input-backgrounds);color:var(--input-font-color)}.input-wrapper input:focus,.input-wrapper textarea:focus{border:2px solid var(--accent-color)}.general-info-form{width:100%}.edit-container{display:flex;align-items:center;gap:5px;margin-bottom:10px}.edit-container button{padding:6px 15px;display:flex;justify-content:center;margin-left:20px}.edit-container .dark-button{background-color:var(--font-color);color:var(--body-background-color)}.edit-container .dark-button:hover{background-color:var(--accent-color);color:var(--font-color)}.edit-container .light-button{background-color:var(--font-color);color:var(--body-background-color)}.edit-container .light-button:hover{background-color:var(--accent-color)}.form-buttons{display:flex;justify-content:center;gap:15px}.form-buttons .dark-button{background-color:var(--font-color);color:var(--body-background-color)}.form-buttons .dark-button:hover{background-color:var(--accent-color);color:var(--font-color)}.form-buttons .light-button{background-color:var(--font-color);color:var(--body-background-color)}.form-buttons .light-button:hover{background-color:var(--accent-color)}.main{padding:15px clamp(.5rem,-3.23778rem + 15.738vw,8rem);background-color:var(--body-background-color);display:flex;flex-direction:column;gap:25px}@media (min-width: 1189px){.main{flex-direction:row}}.main .forms{display:flex;flex-direction:column;width:100%}@media (min-width: 520px){.main .forms{align-items:center}}@media (min-width: 1189px){.main .forms{width:50%}}.main .forms h2{margin-bottom:2rem;align-self:flex-start}.main .forms .section-wrapper{display:flex;width:100%;gap:25px}@media (min-width: 1189px){.main .forms .section-wrapper{flex-direction:column}}@media (max-width: 699px){.main .forms .section-wrapper{flex-direction:column}}.main .forms .add-experience-container{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.main .forms .add-experience-container button{display:flex;width:fit-content;gap:15px;transition:all .1s ease-in-out;align-items:center;justify-content:center;background-color:var(--header-footer-color)}.main .forms .add-experience-container button:hover{background-color:var(--accent-color)}.main .forms .add-experience-container .light:hover img{filter:invert(100%)}.main .cv-wrapper{align-self:center;border:2px solid var(--font-color)}@media (min-width: 1189px){.main .cv-wrapper{height:calc(100vh - 170px);position:fixed;right:10vw;bottom:6vh}}footer{background-color:var(--header-footer-color);display:flex;align-items:center;justify-content:center;padding:5px;border-top:1px solid var(--input-backgrounds);gap:15px}footer p{color:var(--font-color)}*{padding:0;margin:0;box-sizing:border-box;color:var(--font-color);transition:background-color .2s ease-in-out,color .2s ease-in-out;font-family:Roboto,Open Sans,Montserrat,sans-serif}:root{--header-footer-color: #d1d6de;--body-background-color: #ebf0f7;--font-color: #1E1F26;--input-backgrounds: #ebf0f7;--input-font-color: #1E1F26;--accent-color: #0F766E}:root[theme=dark]{--header-footer-color: #1E1F26;--body-background-color: #111010;--input-backgrounds: #d1d6de;--font-color: #ebf0f7}h1{font-size:2.3rem}h2{font-size:1.8rem}h3,legend{font-size:1.5rem}label{font-size:1.3rem}p,a,input,textarea,button{font-size:1.2rem}body{display:flex;min-width:320px;min-height:100vh}form{display:flex;flex-direction:column;gap:10px;margin-bottom:25px;border:3px solid var(--font-color);padding:12px;border-radius:8px;background-color:var(--header-footer-color)}legend{text-decoration:underline;font-weight:700;color:var(--font-color);display:flex;align-items:center;gap:10px}button{padding:10px 16px;border-radius:8px;border:none;cursor:pointer}button:hover{background-color:var(--accent-color);color:var(--input-backgrounds)}