main{min-height:75vh}section{padding:10px;height:100%}#root{background-color:#1a1a1a}body{margin:0;font-family:Courier New,Courier,monospace}.layout{display:flex}.fade-out{opacity:0;transition:opacity .5s ease-out;pointer-events:none}.fade-in{opacity:1;transition:opacity .5s ease-in}.clear-cookie{color:#eb8148}.period strong{color:#e65100}.btn-cookie{width:100px;padding:5px;margin:20px;color:#fff;background-color:#2b2b2b;cursor:pointer}.btn-cookie:hover{background-color:#e65100}.main-layout{display:block;width:100%;background-color:#1a1a1a;animation:mainSectionAnimation 1.6s ease-in-out forwards;animation-delay:3s;opacity:0;margin-top:0x}@keyframes mainSectionAnimation{0%{opacity:0;transform:translateY(600px)}to{opacity:1;transform:translateY(0)}}.extra{margin-top:30px}.content-text{width:60%;text-align:justify}.fade-in{opacity:0;transition:opacity 3s ease-in}.time-line{border-radius:30px;width:350px;align-items:center;padding-left:30px;padding-top:10px;background-color:#2b2b2b;color:#fff;margin-bottom:20px}.about ul{padding-left:0}.about ul li{list-style-type:none;padding:10px}.nav-bar-layout-mobile{display:none;padding-top:20px}.nav-bar-layout-mobile i{color:#fff;padding-left:30px;font-size:40px;padding-bottom:30px;transition:color .3s ease}.nav-bar-layout-mobile i:hover{color:#ff6a00}.about-link{color:#000;transition:color .2s ease-in-out}.about-link:hover{color:red}.mobile-menu{color:#000;font-size:20px;font-weight:600;transition:color .3s ease,font-weight .3s ease,background-color .3s ease;padding:10px;color:#fff;background-color:transparent}.mobile-menu a{text-decoration:none;color:#fff}.mobile-menu ul{list-style:none;padding:0}.info-title{font-size:20px;font-weight:700;padding-bottom:10px}.mobile-menu li{margin:10px 0}.mobile-menu a:hover{background-color:#fff3;padding:10px;border-radius:5px}.contact ul{padding-left:0}.contact ul li{list-style-type:none}li,td,.education,.content-text{font-size:18px}@media screen and (max-width: 768px){.content-text{width:95%;font-size:14px;padding:20px}.content-text p{font-size:16px;text-align:left}.time-line{width:300px;text-align:center;padding:5px 20px;align-items:center}.time-line p{padding:0}li,td{font-size:16px;font-weight:900}.extra{font-size:16px;margin:0;padding:10px}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInImage{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards;animation-delay:1.8s;opacity:0}.image-ani{animation:fadeInImage 2s ease-out forwards;animation-delay:.8s;opacity:0}.nav-bar-animation-1{animation:fadeIn .8s linear forwards;animation-delay:2.5s;opacity:0}.nav-bar-animation-2{animation:fadeIn .8s linear forwards;animation-delay:2.7s;opacity:0}.nav-bar-animation-3{animation:fadeIn .8s linear forwards;animation-delay:2.9s;opacity:0}.nav-bar-animation-4{animation:fadeIn .8s linear forwards;animation-delay:3.1s;opacity:0}.nav-bar-animation-5{animation:fadeIn .8s linear forwards;animation-delay:3.3s;opacity:0}.nav-bar-animation-6{animation:fadeIn .8s linear forwards;animation-delay:3.5s;opacity:0}.nav-bar-animation-7{animation:fadeIn .8s linear forwards;animation-delay:3.7s;opacity:0}.nav-bar-animation-8{animation:fadeIn .8s linear forwards;animation-delay:3.9s;opacity:0}.nav-bar-animation-9{animation:fadeIn .8s linear forwards;animation-delay:4.1s;opacity:0}.nav-bar-animation-10{animation:fadeIn .8s linear forwards;animation-delay:4.3s;opacity:0}.nav-bar-animation-11{animation:fadeIn .8s linear forwards;animation-delay:4.5s;opacity:0}.nav-bar-animation-12{animation:fadeIn .8s linear forwards;animation-delay:4.7s;opacity:0}.nav-bar-animation-13{animation:fadeIn .8s linear forwards;animation-delay:4.9s;opacity:0}.nav-bar-animation-14{animation:fadeIn .8s linear forwards;animation-delay:5.1s;opacity:0}.nav-bar-animation-15{animation:fadeIn .8s linear forwards;animation-delay:5.3s;opacity:0}header{padding:0 20px;background-color:#1a1a1a;color:#fff;display:flex;align-items:center;flex-wrap:wrap}h1{padding:0;margin:0;color:#f5eddc}h2{color:#000;font-size:40px;margin:0}h2 strong{color:#fff}p{margin:0;padding-bottom:10px}.map{z-index:0;position:absolute;right:400px;top:10px;max-width:30%}.title-info{padding-top:20px;max-width:60%}.title-info h2{color:#ff6a00;font-size:50px}.title-info h1{font-size:120px}.title-info p{font-size:20px}.title-info p{margin-right:30px;border-bottom:2px solid rgba(255,106,0,.4);box-shadow:0 0 15px #f000}.hamburger-menu{display:none;font-size:50px;padding-bottom:20px}.profile-picture{padding-top:40px;padding-right:70px;padding-left:50px}.mobile-menu p{color:#ff6a00;padding-top:10px;font-size:20px}.profile-picture img{width:300px;height:300px;border-radius:50%;object-fit:cover;transition:all .3s ease;filter:grayscale(100%);box-shadow:0 4px 25px #d6d4d4}@media (max-width: 1400px){.title-info h1{font-size:40px}.title-info h2{font-size:30px}.profile-picture img{width:150px;height:150px}.title-info{width:80%}}@media (max-width: 800px){.title-info{max-width:80%}.title-info p{border-bottom:none}.hamburger-menu,.nav-bar-layout-mobile{display:block}}@media (max-width: 992px){header{flex-direction:column;align-items:center;text-align:center}h1{font-size:60px}h2{font-size:25px}.map{display:none}.title-info{max-width:100%}}@media (max-width: 768px){h1{font-size:50px}h2{font-size:20px}p{font-size:14px}}@media (max-width: 480px){h1{font-size:40px}h2{font-size:18px}p{font-size:12px}}.navbar{display:flex;flex-direction:column;padding:0 30px 20px;text-align:left;position:relative}.navbar p{margin-top:0;margin-bottom:0}.nav-bar-layout i{color:#fff;padding-left:30px;font-size:40px;padding-bottom:30px;transition:color .3s ease}.nav-bar-layout i:hover{color:#ff6a00}.nav-bar-link{text-decoration:none;color:#000;font-size:18px;font-weight:300;transition:color .3s ease,font-weight .3s ease,background-color .3s ease;padding:15px;border-left:1px solid #1F1F1F;color:#fff;background-color:transparent}.nav-bar-link:hover{font-weight:700;background-color:#fff3;color:#f0f0f0;border-bottom-right-radius:20px}.nav-bar-layout{background-color:#1a1a1a;padding-top:50px;display:block;padding-right:60px;padding-left:60px;width:400px}.nav-bar-link.active{position:relative;font-weight:700;background-color:#1f1f1f;border-bottom-right-radius:20px;color:#fff;background-color:#fff3}.nav-bar-link.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:#ff6a00;border-top-left-radius:5px;border-bottom-left-radius:5px}.link-title{border-top-left-radius:10px;font-weight:900;font-size:20px;border-bottom:1px solid #2B2B2B;background-color:#1f1f1f;color:#ff6a00;padding:7px}@media screen and (max-width: 768px){.nav-bar-layout{display:none}}.nav-links{list-style:none;font-size:16px}.nav-links a:hover{color:tomato}.footer{background-color:#1a1a1a;color:#fff;padding:40px 0;text-align:center;font-size:14px;min-height:10px;max-height:30px}.footer-content{margin:0 auto;padding:0 20px;background-color:#1a1a1a}.footer p{margin:0;font-size:16px}.footer-links{list-style:none;padding:0 0 20px;margin-top:10px}.footer-links a{cursor:pointer}.footer-links li{display:inline;margin-left:20px}.footer-links li a{color:#fff;text-decoration:none;transition:color .3s}.footer-links li a:hover{color:tomato}@media (max-width: 768px){.footer-links{display:flex;flex-direction:column;margin-top:15px}.footer-links li{margin:10px 0}}.main-section{padding:20px 20px 60px 60px;font-size:16px;background-color:#f8f8f3;color:#000;border-top-left-radius:30px;border-bottom-left-radius:30px;margin:0}@media screen and (max-width: 768px){.main-section{border-radius:30px;margin:5px;padding:20px 0}}@keyframes mainAnimation{0%{opacity:0}to{opacity:1}}.about-link{text-decoration:none}.timeline-container{display:flex;justify-content:center;margin-bottom:20px;flex-direction:column;color:#fff}.label-container{display:flex;width:100%;max-width:360px;align-items:center}.label-container span{padding-right:20px}.label{font-size:16px;font-weight:700;color:#000}.toggle-container{display:flex;justify-content:center;align-items:center;width:60px;height:40px;background-color:#ddd;border-radius:20px;cursor:pointer;transition:background-color .3s}.toggle-switch{position:relative;width:100%;height:100%;border-radius:20px;background-color:#e65100;transition:background-color .3s}.toggle-switch.active{background-color:#e65100}.toggle-knob{position:absolute;top:50%;left:5px;transform:translateY(-50%);width:30px;height:30px;background-color:#fff;border-radius:50%;transition:left .3s ease}.toggle-knob.move-right{left:calc(100% - 35px)}form{margin:0 30px 0 auto;padding:20px;background-color:#f7f5f1}form h2{text-align:center;font-size:24px;margin-bottom:20px;color:#333}form div{margin-bottom:15px}form label{display:block;font-size:16px;margin-bottom:5px;color:#555}form input[type=text],form input[type=email],form textarea{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background-color:#fff;transition:border-color .3s ease}form input[type=text]:focus,form input[type=email]:focus,form textarea:focus{border-color:#06c;outline:none}form textarea{height:150px;resize:vertical}form button{width:100%;padding:12px;font-size:16px;color:#fff;background-color:#2b2c5e;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}form button:hover{background-color:#1b1c36}@media (max-width: 600px){form{padding:15px}form h2{font-size:20px}form input[type=text],form input[type=email],form textarea,form button{font-size:14px}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;color:#fff;padding:15px;border-top:1px solid #ccc;display:block;background-color:#1f1f1f}.cookie-banner button{padding:5px;margin:5px;width:100px}.cookie-banner a{color:#fff}.cookies-consent{padding:10px}.cookie-banner p{margin:0}.cookie-banner{animation:cookieAnimate .8s ease-in-out forwards;animation-delay:6s;opacity:0}.cookie-banner button{margin-left:10px}.revoke-consent{margin-top:20px}.revoke-consent button{background-color:#1f1f1f;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:10px}.revoke-consent button:hover{background-color:#ff6a00;transition:color .3s ease,font-weight .3s ease,background-color .3s ease}.privacy-policy{margin-top:40px}.privacy-policy h2{font-size:1.5rem}.privacy-policy p{font-size:1rem}@keyframes cookieAnimate{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}