@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}main{display:flex;flex-direction:column;background-color:#eceef0}h1,h2,h3{font-weight:600;font-family:Montserrat}p,li{font-family:Montserrat}.about-skills{margin-top:20px;list-style:none;display:flex}.about-skills li{padding:0 10px;display:flex;flex-direction:column;align-items:center}.about-skills li:nth-child(1){padding-left:0}.about-skills li img{height:30px;width:30px}.about-skills li p{margin:0;padding-top:10px;white-space:nowrap;font-size:14px}@media (max-width: 1000px){.about-skills{justify-self:center}}@media (max-width: 650px){.about-skills{display:grid;grid-template-columns:auto auto auto;row-gap:20px}}.marker{height:5px;width:70px;margin:5px 0;background-color:#fae716;border:none;border-radius:5px}.about{padding:80px 0;display:flex;flex-direction:column;align-items:center}.about h2{font-size:30px;color:#233a8c}.about span{height:5px;width:70px;margin:5px 0;background-color:#fae716}.about-details{width:100%;margin-top:30px;padding-right:30px;display:flex;justify-content:space-evenly}.about-details__contact{width:50%;display:flex;justify-content:center;align-items:center}.about-details__contact ul{padding:10px 50px;list-style:none;background-color:#fff;border:none;border-radius:10px}.about-details__contact ul li{display:flex;padding:8px 0}.about-details__contact ul li img{margin-right:16px;height:20px;width:20px}.about-details__info{width:50%}.about-details__info h3{font-size:24px;color:#233a8c}.about-details__info p{margin:20px 0;font-size:18px;line-height:24px}.about-details__info-skills{padding:10px 0}@media (max-width: 1000px){.about{padding:80px 50px}.about-details__info{width:100%}.about-details__info h3{display:flex;justify-content:center}.about-details__info p{text-align:center}.about-details__contact{display:none}}@media (max-width: 500px){.about{padding:80px 30px}.about-details{padding:0;flex-direction:column;align-items:center}}.contact-details{max-width:45%;display:flex;flex-direction:column}.contact-details h3{font-size:24px;font-weight:600;color:#fff}.contact-details__description{margin:20px 0;color:#fff}.contact-details ul{margin:20px 0;list-style:none;display:flex;flex-direction:column}.contact-details ul li{margin:10px 0;display:flex}.contact-details ul li img{margin-right:10px;height:16px;width:16px}.contact-details ul li p{color:#fff}@media (max-width: 850px){.contact-details{max-width:100%;margin:30px 0;align-items:center}.contact-details h3{display:none}.contact-details__description{margin-top:0;text-align:center}.contact-details ul{display:none}}.input-container{height:100%;width:100%;display:flex;flex-direction:column}.input-container label{font-size:14px;font-weight:600}.input-container input,.input-container textarea{margin-top:6px;padding-left:10px;font-family:Montserrat;flex:1;border:1px solid rgba(0,0,0,.3);border-radius:5px;outline:none}.input-container input:focus,.input-container textarea:focus{box-shadow:0 0 0 3.5px #2285f54d;border:1.5px solid rgb(34,133,245)}.input-container textarea{padding:10px}.contact-fields{margin-left:100px;padding:30px;background-color:#fff;border:none;border-radius:10px;display:flex;flex-direction:column;flex:1}.contact-fields ul{width:100%;list-style:none;display:flex;flex-direction:column}.contact-fields ul li{height:74px;width:100%;padding:8px 0}.contact-fields ul li:nth-child(1){height:66px;padding-top:0}.contact-fields ul .contact-message{height:120px}.contact-fields button{margin-top:20px;height:36px;background-color:#233a8c;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;transition:background-color .15s ease}.contact-fields button:disabled{background-color:#233a8c99}.contact-fields button:hover{background-color:#233a8ce6}.contact-fields button[disabled]:hover{cursor:default;background-color:#233a8c99}.contact-fields button:active{background-color:#233a8c99}.form-message{margin:0 10px;display:flex;justify-content:center}.error{color:#ff524c}.success{color:#14de17}@media (max-width: 1000px){.contact-fields{margin-left:50px}}@media (max-width: 850px){.contact-fields{margin:0}}.contact{padding:80px 50px;display:flex;flex-direction:column;align-items:center;background-color:#233a8c}.contact h2{font-size:30px;font-weight:600;color:#fff}.contact .details-container{width:100%;margin:30px 0;display:flex}@media (max-width: 850px){.contact{padding-left:80px;padding-right:80px}.contact .details-container{flex-direction:column;margin:0}}@media (max-width: 850px){.contact{padding-left:30px;padding-right:30px}}footer{padding:80px 50px;display:flex;justify-content:space-between;background-color:#233a8c}footer section{width:350px;display:flex;flex-direction:column;align-items:center}footer h3{margin-bottom:5px;font-size:22px;color:#fae716}footer .marker{background-color:#adcaf0}.footer-links ul,.footer-contact ul{margin:10px 0;list-style:none;display:flex;flex-direction:column;align-items:center}.footer-links ul li,.footer-contact ul li{padding:5px 0;display:flex}.footer-about p{color:#fff;margin:20px 0;font-size:18px;text-align:center;display:flex;align-items:center}.footer-about ul{width:100%;list-style:none;display:flex;justify-content:center}.footer-about ul li{height:40px;width:40px;margin:0 10px;background-color:#adcaf04d;border-radius:50%;transition:background-color ease .15s}.footer-about ul li:hover{background-color:#adcaf080}.footer-about ul li a{height:100%;width:100%;text-decoration:none;display:flex;justify-content:center;align-items:center}.footer-about ul li img{height:16px;width:16px}.footer-links ul li{font-size:18px;color:#fff}.footer-links ul li:hover{cursor:pointer}.footer-contact ul li{width:100%;padding-left:20px;display:flex;align-items:center}.footer-contact ul li img{height:16px;width:16px}.footer-contact ul li p{font-size:18px;margin-left:10px;color:#fff}@media (max-width: 900px){footer{padding-left:80px;padding-right:80px;flex-direction:column}footer section{width:100%}.footer-links{margin:30px 0}}@media (max-width: 650px){footer{padding-left:50px;padding-right:50px}}@media (max-width: 500px){footer{padding-left:30px;padding-right:30px}}button:hover{cursor:pointer}.header-skill{padding:8px 5px;border:none;border-radius:20px;background-color:#adcaf04d;display:flex;align-items:center}.header-skill p{font-size:15px;color:#fff}.header-skill img{height:14px;width:14px;margin:0 10px}@media (max-width: 1000px){.header-skill{margin:10px 0}}@media (max-width: 650px){.header-skill{margin:5px 0}.header-skill p{font-size:13px}.header-skill img{height:12px;width:12px}}header{margin-top:70px;position:relative}.header-bg-color{height:100%;width:100%;background:linear-gradient(to bottom right,#233a8ccc,#adcaf080);position:absolute;top:0;left:0;z-index:1}.header-bg-img{height:550px}.header-bg-img img{width:100%;height:100%;object-fit:cover;display:block}.header-details{height:490px;width:100%;margin-top:60px;padding:0 150px;overflow:hidden;position:absolute;top:0;left:0;z-index:10}.header-details h2{font-size:42px;font-weight:700;color:#fff;line-height:42px}.header-details h3{margin:25px 0;font-size:24px;color:#fff}.header-description{max-width:600px;padding:10px 0;font-size:18px;color:#fff;line-height:26px}header ul{max-width:900px;padding:25px 0;list-style:none;display:grid;grid-template-columns:auto auto auto auto;grid-column-gap:20px;grid-row-gap:0px}.header-buttons{margin:10px 0;width:350px;display:flex;justify-content:space-between}.header-btn__projects,.header-btn__contact{height:50px;padding:0 30px;font-size:15px;font-weight:600;border-radius:25px;transition:background-color ease .15s}.header-btn__projects{background-color:#fae716;color:#233a8c;border:none}.header-btn__projects:hover{background-color:#fae716bf}.header-btn__contact{background-color:transparent;border:1px solid rgb(255,255,255);color:#fff}.header-btn__contact:hover{background-color:#ffffff26}@media (max-width: 1000px){.header-details{padding:0 60px}.header-details h2{display:none}.header-details h3{margin-top:0;margin-bottom:25px}header ul{display:grid;grid-template-columns:auto auto}}@media (max-width: 650px){header ul{padding:16px 0;display:flex;flex-direction:column}.header-bg-img{height:620px}.header-details{height:550px;margin-top:40px;padding:0 30px}.header-details h2{display:none}.header-description{font-size:15px}.header-buttons{width:300px}.header-btn__projects,.header-btn__contact{height:40px;padding-left:20px;padding-right:20px}}.hamburger{list-style:none;display:flex;flex-direction:column}.hamburger li{height:4px;width:30px;margin:2px 0;background-color:#233a8c;border-radius:2px}@media (min-width: 750px){.hamburger{display:none}}.nav-list li{margin:0 10px;display:flex;align-items:center;font-size:18px}.sidebar-nav{flex-direction:column}.sidebar-nav li{margin:20px 0;font-size:26px}.nav-list,.sidebar-nav{list-style:none;display:flex}.nav-list li,.sidebar-nav li{font-weight:500;color:#233a8c}.nav-list li:hover,.sidebar-nav li:hover{cursor:pointer}@media (max-width: 750px){.nav-list{display:none}}.sidebar{height:100dvh;width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;position:fixed;top:0;left:0;z-index:100;animation:show_sidebar .3s ease-out forwards}@keyframes show_sidebar{0%{transform:translate(50%)}to{transform:translate(0)}}nav{width:100%;padding:20px 50px;display:flex;background-color:#fff;justify-content:space-between;align-items:center;position:fixed;top:0;z-index:100;transition:all ease .25s}.blue-nav{background-color:#233a8c;box-shadow:0 16px 10px -6px #0000004d}.blue-nav h1,.blue-nav ul li{color:#fff}.blue-nav .hamburger li{background-color:#fff}nav h1{font-size:26px;color:#233a8c}nav h1:hover{cursor:pointer}nav img{height:24px;width:24px}@media (max-width: 500px){nav{padding:20px 30px}}.personal-info{width:100%;padding:80px;list-style:none;display:flex;justify-content:center;background-color:#233a8c}.personal-info li{width:250px;margin:0 10px;padding:30px;background-color:#adcaf04d;border:1px solid rgba(173,202,240,.8);border-radius:10px;display:flex;flex-direction:column;align-items:center}.personal-info__value,.personal-info__name{color:#fff}.personal-info__value{font-size:40px;font-weight:700}.personal-info__name{margin-top:20px}@media (max-width: 1000px){.personal-info{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:30px}.personal-info li{width:100%;margin:0}}@media (max-width: 800px){.personal-info{width:100%;padding:50px}}@media (max-width: 500px){.personal-info{padding:80px 50px;display:flex;column-gap:0px;row-gap:0px;flex-direction:column}.personal-info li{width:100%;margin:16px 0}}.project-item{width:350px;margin:0 16px;padding:26px;background-color:#fff;border:none;border-radius:8px;display:flex;flex-direction:column}.project-item p{margin:10px 0}.project-item ul{margin-top:16px;margin-bottom:26px;margin-left:-2.5px;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.project-item ul li{margin:0 2.5px;padding:2px 10px;font-size:12px;font-weight:600;color:#233a8c;border:none;border-radius:10px;background-color:#adcaf04d;white-space:nowrap}.project-item section{display:flex;align-items:last baseline;flex:1}.project-item section a{width:100%;font-size:16px;font-weight:500;padding:8px 10px;text-decoration:none;text-align:center;border-radius:5px}.project-item section a{padding:10px;background-color:transparent;border:2px solid rgb(35,58,140);color:#233a8c;transition:background-color ease .5s}.project-item section a:hover{background-color:#eceef080}@media (max-width: 1200px){.project-item{width:100%;margin:0}}.projects{padding:80px 0;display:flex;flex-direction:column;align-items:center;background-color:transparent}.projects h2{color:#233a8c;font-size:30px}.projects-list{margin-top:30px;list-style:none;display:flex}@media (max-width: 1200px){.projects{padding-left:50px;padding-right:50px}.projects-list{display:grid;grid-template-columns:1fr 1fr;row-gap:30px;column-gap:30px}}@media (max-width: 850px){.projects-list{padding-left:70px;padding-right:70px;display:flex;flex-direction:column}}@media (max-width: 630px){.projects-list{padding-left:30px;padding-right:30px}}@media (max-width: 530px){.projects{padding-left:30px;padding-right:30px}.projects-list{padding-left:0;padding-right:0}}.skills{padding:80px 50px;display:flex;flex-direction:column;align-items:center}.skills h2{color:#233a8c;font-size:30px}.skills-info{height:510px;width:100%;margin-top:50px;position:relative}.skills-info__divider{width:5px;height:100%;background-color:#fae716;position:absolute;left:50%;top:0;transform:translate(0px -50%)}@media (max-width: 900px){.skills{padding-left:80px;padding-right:80px}.skills-info{margin-top:30px;height:fit-content;position:static}.skills-info__divider{display:none}}@media (max-width: 650px){.skills{padding-left:50px;padding-right:50px}}@media (max-width: 500px){.skills{padding:80px 30px}.skills h2{text-align:center}}.skills-list{list-style:none;position:absolute;left:50%;top:0;transform:translate(0px -50%)}.skills-list li{margin-top:30px}.skills-list__skill-details{width:400px;padding:20px;background-color:#fff;border:none;border-radius:10px}.skills-list li:nth-child(odd) .skills-list__skill-details{margin-left:-420px}.skills-list li:nth-child(2n) .skills-list__skill-details{margin-left:20px}.skills-list__skill-details h3{margin:10px 0;font-size:24px;line-height:30px}.skills-list__skill-marker{position:relative}.skills-list li div{height:26px;width:26px;border:4px solid rgb(250,231,22);border-radius:50%;background-color:#eceef0;position:absolute;top:18px;left:-12px}.skills-list__skill-year{color:#233a8c;font-size:16px;font-weight:600}.skills-list__skill-description{margin-top:16px}@media (max-width: 900px){.skills-list{position:static;transform:none}.skills-list li:first-child{margin:0}.skills-list li:nth-child(odd) .skills-list__skill-details,.skills-list li:nth-child(2n) .skills-list__skill-details{margin-left:0}.skills-list__skill-details{width:100%}.skills-list__skill-marker{display:none}}