.header__container{position:-webkit-sticky;position:sticky;top:0;z-index:1;overflow:visible;background-color:var(--bg);margin:10px;padding:5px}.header{display:flex;justify-content:space-around;align-items:center;width:100%}.header__img{z-index:11}.header__nav{width:80%}.header__nav ul{display:flex;justify-content:space-around;align-items:center;list-style:none;flex-wrap:wrap}.header__nav ul li a{text-decoration:none;color:var(--text)}.header__nav ul li a:hover{text-decoration:dotted underline;color:var(--primary)}.nav__hamburger{background-color:var(--secondary);width:100vw;height:50vh;display:inline;position:absolute;top:-5px;left:-8px;padding-top:45px;z-index:10}@media (max-width: 767px){.header{justify-content:space-between}.header__nav ul{padding:0;flex-direction:column}.header__nav ul li{padding:15px 0}.none{display:none}}.btn__container{display:flex;justify-content:center}.btn{border:solid var(--primary) 2px;background-color:var(--primary);border-radius:10px;width:94px;height:40px;color:var(--tertiary);text-transform:uppercase;width:100%}.btn:hover{cursor:pointer}.btn:active{background-color:var(--tertiary);color:var(--primary)}:root{--primary: #FB8500;--secondary: #FFEEDB;--tertiary: #FFF7EE;--text: #252525;--bg: #FFF}[data-theme=dark]{--primary: #c06905;--secondary: #45423F;--tertiary: #bdbbbb;--text: #b3b3b3;--bg: #252525}.hamburger{width:25px;height:25px;display:none;justify-content:space-around;flex-flow:column nowrap;cursor:pointer;z-index:10}.burger{width:25px;height:3px;border-radius:10px;background-color:var(--text);transform-origin:1px;transition:all .3s linear}.burger1{transform:rotate(45deg);background-color:var(--primary)}.burger2{transform:translate(100%);background-color:#fff;opacity:0}.burger3{transform:rotate(-45deg);background-color:var(--primary)}.burgerNotOpen{transform:rotate(0)}.burger2NotOpen{transform:translate(0);opacity:1}@media (max-width: 767px){.hamburger{display:flex}}.footer__container{display:flex;justify-content:space-around;align-items:center;width:80%;height:80px;margin:auto}.footer__icons{display:flex}.footer__icons .icons{cursor:pointer;font-size:40px;padding:0 10px;color:var(--text)}.divider{width:40%;height:3px;border:none;background-color:var(--secondary);margin:30px auto}.toggle-theme-wrapper{display:flex;flex-direction:row;align-items:center;gap:4px}.toggle-theme-wrapper span{font-size:28px}.toggle-theme{position:relative;display:inline-block;height:34px;width:60px}.toggle-theme input{display:none}.slider{background-color:var(--secondary);position:absolute;cursor:pointer;bottom:0;left:0;right:0;top:0;transition:.2s}.slider:before{background-color:var(--bg);bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}input:checked+.slider:before{transform:translate(26px)}input:checked+.slider{background-color:var(--primary)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.banner__container{display:flex;align-items:center;justify-content:center;padding:30px 0;width:80%;margin:auto}.banner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80%}.banner__title{text-align:center}.banner__btn{width:20%}.banner__img{padding:20px;width:20%;height:40%}@media (max-width: 767px){.banner__container{flex-direction:column-reverse}.banner__btn{width:35%}.banner__img{width:50%}}.about{padding:30px 0;width:80%;margin:auto}.about__text{width:80%;margin:auto;text-align:justify}.app{height:100%}.projects__container{padding:30px 0;width:50%;height:auto;margin:auto}.projects{display:grid;grid:auto-flow / 1fr 1fr;gap:2% 5%;margin:auto}@media (max-width: 767px){.projects{grid:auto-flow / 1fr;gap:1%}}.img__container{width:100%;height:auto;margin:10px 0;cursor:pointer}.img__container img{width:100%;max-width:500px;height:250px;object-fit:cover;box-shadow:0 1px 6px #0000002d;border-radius:5px}@media (max-width: 767px){.projects__container{width:80%}}.skills__container{padding:30px 0;width:80%;margin:auto}.skill{width:60%;margin:30px auto;padding:20px 0}.skill__grid{display:grid;grid:auto-flow / 1fr 1fr 1fr 1fr;gap:25% 0;margin:auto}.skill__grid .icons{font-size:40px;color:var(--text)}.icon{display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between;height:70px}.skill__btn{width:10%;margin:auto;padding-top:20px}@media (max-width: 767px){.skill{width:80%}.skill__grid{grid:auto-flow / 1fr 1fr 1fr}.skill__grid img{width:50%}.skill__btn{width:35%}}.card__container{width:40%;float:left}.card__container__inverted{width:40%;float:right}.card{width:90%;float:right;margin-right:-85px;border:1px solid var(--secondary);border-radius:7px;padding:20px 25px;position:relative;box-shadow:0 1px 6px var(--secondary);background-color:var(--bg)}.card:after{position:absolute;top:27px;right:-14px;display:inline-block;border-top:14px solid transparent;border-left:14px solid var(--primary);border-right:0 solid var(--primary);border-bottom:14px solid transparent;content:" "}.card__container__inverted .card{float:left;margin-left:-90px}.card__container__inverted .card:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.card__list{text-align:left;list-style:none}.card__list p:before{content:"•";color:var(--text);display:inline-block;width:1em;margin-left:-1em}.card__list p{font-size:16px}@media (max-width: 767px){.card__container{width:80%;float:none}.card__container__inverted{width:80%}.card{width:100%;float:none}.card__container__inverted .card{margin-left:-53px}.card:after{display:none}}.path__container{width:80%;margin:auto}.timeline{padding:30px 10px;position:relative}.timeline:before{top:100px;bottom:50px;position:absolute;content:" ";width:3px;background:var(--secondary);left:50%;margin-left:-2.5px}.timeline>div{margin-bottom:20px;position:relative}.timeline>div:after{clear:both}.timeline>div:before,.timeline>div:after{content:" ";display:table}.timeline .dot{width:12px;height:12px;border-radius:100%;background-color:var(--secondary);position:absolute;top:36px;left:50%;margin-left:-8px}@media (max-width: 767px){.timeline:before,.dot{display:none}}.contact__container{width:80%;margin:auto}.contact__container p{text-align:center}.email{color:var(--primary)}.form{width:50%;margin:auto}.form__input{padding:10px 0}.form__input input,.form__input textarea{width:100%;border-radius:10px;border:solid 1px var(--primary);padding:10px;margin:10px 0;color:var(--text)}.form__email{height:30px}.form__message{height:80px}input[type=email],textarea{background-color:var(--bg)}.form__btn{width:25%;margin:auto}@media (max-width: 767px){.form{width:80%}.form__btn{width:45%}}.error__container{display:flex;flex-direction:column;justify-content:center;text-align:center;height:65vh}.error__title{color:var(--primary);font-size:60px}.link{cursor:pointer;color:var(--primary)}.project__container{width:80%;margin:auto}.btn__close{border:solid 1px var(--primary);border-radius:50%;background-color:var(--primary);cursor:pointer;height:25px;width:25px;color:var(--secondary)}.project__header{display:flex;justify-content:space-between;align-items:center;margin:0 50px}.project__body{display:flex;flex-direction:row-reverse}.project__body h4{text-align:left;margin-bottom:10px}.project__description{width:50%;text-align:justify;line-height:1.5}.project__description li{color:var(--text)}.project__btn{width:25%;margin:auto}.project__images{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:50%}.project__images img{width:80%;margin:20px;box-shadow:0 1px 6px #0000002d;border-radius:5px}@media (max-width: 767px){.project__description,.project__images{max-height:100%;width:100%;padding:10px 0}.project__body{flex-direction:column-reverse}.project__btn{width:40%}.project__images img:last-child{display:none}.project__header{margin:0 10px}}body{margin:0;background-color:var(--bg)}h1{font-size:60px;color:var(--text)}h2{color:var(--primary);text-transform:uppercase}h2,h3,h4{font-size:24px;text-align:center}p,li,label{font-size:20px}h1,h2{font-weight:400}h1,h2,li{font-family:Roboto,sans-serif}h3,p,label,span{font-family:Montserrat;font-weight:400;color:var(--text)}h4{font-family:Montserrat;font-weight:600;margin-top:0;color:var(--text)}@media (max-width: 767px){h1{font-size:40px}h2,h3{font-size:20px}h4,p,li,label,span{font-size:16px}}