@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";.work__content{display:grid;position:relative}.work__title{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#e4e4e4;font-size:1.5rem;font-weight:700;transition:.3s}.work__img{border:1px solid var(--work-border-color);background-color:var(--work-back-color);overflow:hidden;width:100%;height:100%;text-align:center;display:flex;justify-content:center;align-items:center}.work__img-img{opacity:1;transition:opacity .3s;padding:1.5rem 0rem;width:40%}.work__content:hover .work__img-img{opacity:.3}.work__content:hover .work__title{color:var(--paletter-text);opacity:1}@media screen and (min-width: 576px){.work__content{justify-self:center;width:100%}}@media screen and (max-width: 575px){.img-one{padding:4.5rem 0}.img-two{width:30%;padding:2.5rem 0}.img-three{padding:2.5rem 0}}.back__arrow-icon{font-size:2rem;margin-top:4rem;margin-bottom:2rem}a{color:var(--paletter-text)}h1{text-align:left;margin-bottom:2rem}.project__image-img{margin-bottom:2rem;width:60%}.technology__list{width:80%;display:flex}.technology__item-img{min-width:0;width:60%}.vercel{min-width:0;width:40%}.buttons{margin-top:2rem;margin-bottom:2rem}.button__code{margin-right:2rem}.description{margin-bottom:10rem;line-height:160%;font-weight:500}.hostinger{width:100%}@media screen and (min-width: 767px){.technology__list{width:70%}.technology__item-img{width:40%}.hostinger{width:100%}}.contact__button{cursor:pointer}.work__container{grid-template-columns:repeat(1,1fr);gap:0}.work__subtitle{text-align:center;margin-bottom:1.5rem}@media screen and (min-width: 576px){.work__container{grid-template-columns:repeat(2,1fr);row-gap:0;margin:1.5rem}.work__content{justify-self:center;width:100%}}@media screen and (min-width: 992px){.work__subtitle{margin-bottom:2rem}}.home__container{padding-top:4rem;row-gap:4rem;margin-bottom:4rem}.home__img{width:350px;justify-self:center}.home__data{text-align:left}.home__title{font-size:2rem;font-weight:600;line-height:140%}.home__description{margin-bottom:2rem;font-size:1rem;font-weight:400}.tyler{color:#f90}.button{display:inline-block;background-color:var(--button-color);color:#fff;padding:.5rem 2rem;font-size:1.4rem;font-weight:700}.button__icon{margin-left:.5rem;vertical-align:middle;font-size:1.5rem;margin-bottom:.25rem}.home__sec_buttons{margin-top:1rem;display:flex;gap:1rem;max-width:247px;justify-content:center;align-items:center}.home__sec_buttons a{font-size:.8rem}.sec_button{max-width:115px;width:100%;display:inline-block;background-color:transparent;border:2px solid #ff9900;text-align:center;box-sizing:border-box}@media screen and (max-width: 320px){.container{margin-left:1rem;margin-right:1rem}.home__title{font-size:1.5rem}.home__description{font-size:.75rem}.home__button{font-size:1rem;padding:.25rem 1rem}.home__img{width:275px}}@media screen and (max-width: 320px){.home__sec_buttons a{font-size:.8rem}.sec_button{padding:.25rem .5rem;width:30%}}@media screen and (max-width: 575px){.home__sec_buttons{justify-content:start}}@media screen and (min-width: 576px){.home__data{text-align:center}}@media screen and (min-width: 767px){.home__container{grid-template-columns:repeat(2,1fr);align-items:center;padding-top:6rem;padding-bottom:6rem}.home__data{text-align:left;margin-left:auto}.home__button{margin-top:2rem}.button__icon{margin-top:.2rem}}@media screen and (max-width: 767px){.home__sec_buttons{max-width:100%}}@media screen and (min-width: 992px){.home__img{width:140%}.home__data{margin-left:0}}.onoffswitch{position:relative;width:70px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.onoffswitch-checkbox{position:absolute;opacity:0;pointer-events:none}.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #000000;border-radius:20px}.onoffswitch-inner{display:block;width:200%;margin-left:-100%;transition:margin .3s ease-in 0s}.onoffswitch-inner:before,.onoffswitch-inner:after{display:block;float:left;width:50%;height:30px;padding:0;line-height:30px;font-size:14px;color:#000;font-family:Trebuchet,Arial,sans-serif;font-weight:700;box-sizing:border-box}.onoffswitch-inner:before{font-family:"Font Awesome 5 Free";content:"";padding-left:10px;background-color:#707070;color:#ef0}.onoffswitch-inner:after{font-family:"Font Awesome 5 Free";content:"";padding-right:10px;background-color:#707070;color:#ef0;text-align:right}.onoffswitch-switch{display:block;width:18px;margin:6px;background:#636363;position:absolute;top:0;bottom:0;border:2px solid #000000;border-radius:20px;transition:all .3s ease-in 0s}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}.header{width:100%;position:fixed;top:0%;left:0%;transition:.4s;z-index:100}.nav{height:3.5rem;display:flex;justify-content:space-between;align-items:center}.nav__logo{display:flex;align-items:center;column-gap:.25rem}.nav__list{display:flex;flex-direction:row;column-gap:3rem}.nav__link{color:var(--paletter-text);transition:.4s;font-weight:600}.nav__link:hover{color:#6e6e6e}.nav__close{font-size:2rem;position:absolute;top:.5rem;right:1rem;cursor:pointer}.nav__btns{display:flex;align-items:center}.button__theme{margin-right:1rem}@media screen and (min-width: 767px){.nav{height:5rem;column-gap:3rem}.nav__toggle,.nav__close,.nav__img{display:none}.nav__menu{margin-left:auto}}@media screen and (max-width: 767px){.nav__menu{position:fixed;background-color:#f90;top:-100%;left:0;width:100%;padding:4rem 0;border-radius:0 0 1.5rem 1.5rem;box-shadow:4px 4px 4px #00000081;transition:.4s}.show-menu{top:0}.nav__list{flex-direction:column;align-items:center;row-gap:1.5rem}.nav__toggle{display:inline-flex;font-size:1.75rem;cursor:pointer}.hide{visibility:hidden}.show{visibility:visible}}.footer{background-color:var(--footer-color)}.footer__links{text-align:center}.footer__item{margin-bottom:1.5rem}.footer__item-social{margin:2rem;width:4%}.footer__link{color:#fff;font-size:1.15rem;font-weight:600;transition:.4s}.footer__link:hover{color:#6e6e6e}.footer__socials{margin-top:1.5rem;display:flex;justify-content:center;align-items:center}.filter-github{filter:invert(2%) sepia(10%) saturate(652%) hue-rotate(314deg) brightness(101%) contrast(86%)}.filter-linkedin{filter:invert(34%) sepia(76%) saturate(5199%) hue-rotate(198deg) brightness(84%) contrast(92%)}.filter-instagram{filter:invert(36%) sepia(82%) saturate(3043%) hue-rotate(327deg) brightness(95%) contrast(88%)}.filter-youtube{filter:invert(13%) sepia(65%) saturate(7005%) hue-rotate(355deg) brightness(99%) contrast(117%)}.footer__social-link:hover{opacity:.6}.hover{width:100%;height:100%}.footer__madeby{display:block;text-align:center;color:#fff;font-size:.75rem;margin-top:2rem}.footer__copy{display:block;text-align:center;font-size:.75rem;margin-top:1.25rem;color:#fff}@media screen and (min-width: 767px){.footer__links{display:flex;justify-content:space-evenly}}.contact__subtitle{text-align:center}.contact__container{margin-top:3rem;padding:4rem 0rem;background-color:var(--form-color);border-radius:2rem;margin-bottom:4rem;box-shadow:0 4px 8px #29739e}.contact__form{text-align:center}.contact__name,.contact__email{font-family:Quicksand,sans-serif;font-weight:500;width:80%;margin-bottom:2rem;border:none;padding:.5rem 2rem .5rem .5rem;border-radius:.5rem;box-shadow:0 2px 4px #fff}.contact__text{font-family:Quicksand,sans-serif;font-weight:500;width:80%;margin-bottom:1rem;border:none;padding:.5rem 2rem 8rem .5rem;border-radius:.5rem;box-shadow:0 2px 4px #fff}.contact__button{text-align:center;margin-top:1.5rem;width:50%;justify-self:center;border-radius:.75rem .25rem;border:none;box-shadow:0 2px 4px #fa96009f}@media screen and (min-width: 576px){.contact__container{width:70%;margin-left:auto;margin-right:auto}}.about{margin-bottom:2rem}.about__title{margin-bottom:2.75rem}.about__container{grid-template-columns:repeat(1,1fr);column-gap:4rem}.about__img{text-align:center;margin-top:2rem;margin-bottom:4rem}.about__img-img{width:400px}.about__content{margin-top:auto;margin-bottom:auto}.about__description{font-weight:500;line-height:150%;font-size:1.15rem}@media screen and (min-width: 576px){.about__container{width:90%;margin-left:auto;margin-right:auto}}@media screen and (min-width: 767px){.about__container{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 992px){.about__container{width:100%}}:root{--light-background: #ffffff;--light-text: #000;--light-orange: hsl(36, 100%, 50%);--light-blue: hsl(201, 83%, 36%);--light-work-back: rgb(251, 250, 252);--light-work-border: rgb(221, 221, 221);--dark-background: rgb(14, 18, 23);--dark-text: #fafafa;--dark-orange: hsl(36, 80%, 50%);--dark-blue: hsl(201, 80%, 36%);--dark-work-back: rgb(28, 32, 38);--dark-work-border: rgb(56, 61, 71)}@media (prefers-color-scheme: light){:root{--paletter-background: var(--light-background);--paletter-text: var(--light-text);--button-color: var(--light-orange);--footer-color: var(--light-orange);--form-color: var(--light-blue);--work-back-color: var(--light-work-back);--work-border-color: var(--light-work-border)}}@media (prefers-color-scheme: dark){:root{--paletter-background: var(--dark-background);--paletter-text: var(--dark-text);--button-color: var(--dark-orange);--footer-color: var(--dark-orange);--form-color: var(--dark-blue);--work-back-color: var(--dark-work-back);--work-border-color: var(--dark-work-border)}}:root[data-theme=light]{--paletter-background: var(--light-background);--paletter-text: var(--light-text);--button-color: var(--light-orange);--footer-color: var(--light-orange);--form-color: var(--light-blue);--work-back-color: var(--light-work-back);--work-border-color: var(--light-work-border)}:root[data-theme=dark]{--paletter-background: var(--dark-background);--paletter-text: var(--dark-text);--button-color: var(--dark-orange);--footer-color: var(--dark-orange);--form-color: var(--dark-blue);--work-back-color: var(--dark-work-back);--work-border-color: var(--dark-work-border)}*{box-sizing:border-box;margin:0;padding:0}body{margin:3.5rem 0 0;font-family:Quicksand,sans-serif;background-color:var(--paletter-background);color:var(--paletter-text)}header{background-color:var(--paletter-background);color:var(--paletter-text)}html{scroll-behavior:smooth}ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;border:none;outline:none}.container{max-width:968px;margin-left:1.5rem;margin-right:1.5rem}.grid{display:grid}.main{overflow:hidden}.section{padding:4.5rem 0 1rem}.section__title{font-size:2rem;margin-bottom:2.5rem;text-align:center}@media screen and (min-width: 992px){.container{margin-left:auto;margin-right:auto}}