@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{box-sizing:border-box;list-style-type:none;text-decoration:none;padding:0;margin:0}:root{--black: black;--white: white;--black60op: rgba(0, 0, 0, .4);--white60op: rgba(255, 255, 255, .4);--darkGray: rgb(12.75, 12.75, 12.75);--lightGray: rgb(38.25, 38.25, 38.25);--lighterGray: rgb(63.75, 63.75, 63.75);--sunrise: #FFA600;--transitionTime: .3s;--doubleTransitionTime: .6s}body{font-family:Raleway,sans-serif;background-color:var(--lightGray);width:100%;height:100dvh;-webkit-user-select:none;user-select:none}.nav{position:relative;display:grid;justify-items:center}.nav__logo{transition:ease var(--transitionTime);position:fixed;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;background-color:var(--darkGray);cursor:pointer;height:75px;width:100%;border-radius:0 0 .25rem .25rem}.nav__logo:hover{background-color:var(--black)}.nav__logo span{width:50px;height:7px;background-color:var(--sunrise);border-radius:2px}.nav__trigger{display:none;position:fixed}.nav__trigger:checked~.nav__navMobile{transform:translateY(0);transition:ease var(--transitionTime)}.nav__navMobile{position:fixed;z-index:999;top:75px;transform:translateY(-100%);background-color:var(--black60op);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:grid;width:100%;border-radius:0 0 2rem 2rem;box-shadow:inset 0 0 10px 3px var(--lightGray),0 0 16px 1px var(--black)}.nav__navMobile a{display:flex;justify-content:center;color:var(--sunrise);padding:1rem;font-size:2rem;font-weight:600}.nav__navMobile li:last-child a{border-radius:0 0 2rem 2rem}.nav__navMobile a:hover{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.hidden{display:none}.intro{height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;justify-self:center;width:80%}.intro h1{font-size:2rem;color:var(--white)}.intro h1 span{color:var(--sunrise)}.intro :nth-child(2){color:var(--white);opacity:50%}.skills{background-color:var(--darkGray);display:grid;width:100%}.skills__title{text-align:center;color:var(--sunrise);margin-block-start:2rem;font-size:3rem}.skills__cards{display:grid;justify-items:center;gap:.5rem;padding:1rem}.skill__card{transition:ease var(--transitionTime);padding:.5rem;display:grid;grid-template-columns:.4fr 1fr;align-items:center;background-color:var(--lightGray);color:var(--white);width:100%;border-radius:1rem}.skill__card:hover{box-shadow:inset 0 0 3px 1px var(--lighterGray),0 0 16px 1px var(--black);transform:translateY(-3px)}.skill__card:hover h1{transition:ease var(--transitionTime);color:var(--sunrise)}.skill__card:hover .skills__logo{transition:ease var(--transitionTime);box-shadow:inset 0 0 3px 0 var(--white60op),0 0 3px 0 var(--black60op)}.skill__text{padding-inline-start:1rem}.skill__text h1{margin-block-end:.35rem}.skill__text p{color:var(--white60op);padding-inline-start:.2rem;margin-block-end:.2rem}.skill__logo{background-color:var(--lighterGray);padding:1rem;border-radius:.75rem}.skill__logo img{width:100%}.projects{display:grid;justify-items:center;align-items:center;gap:.5rem;width:100%;padding:1rem}.projects h1{color:var(--sunrise);text-align:center;margin-block:1rem;font-size:3rem}.projects__cards{display:flex;justify-items:center;align-items:center;width:100%}.projects__card{transition:ease var(--transitionTime);width:100%;position:relative;z-index:100;text-decoration:none;background-color:var(--darkGray);box-shadow:inset 0 0 3px 0 var(--white60op),0 0 7px 1px var(--black);padding:1rem;border-radius:1rem}.projects__card:hover{transform:translateY(3px);box-shadow:inset 0 0 2px 0 var(--white60op),0 0 4px 0 var(--black)}.projects__card:hover .card__screen{scale:1.5}.projects__divScreen{box-shadow:inset 0 0 3px 0 var(--white60op),0 0 5px 1px var(--black);border-radius:.5rem;margin-block-end:1rem;overflow:hidden}.projects__screen{transition:ease var(--doubleTransitionTime);display:flex;position:relative;z-index:-1;width:100%;border-radius:.5rem}.projects__description{margin-block-start:.5rem;font-weight:500;font-size:1.1rem;color:var(--white60op);width:95%;justify-self:center;text-align:center}.projects__link{transition:ease .15s;display:flex;height:fit-content;width:fit-content;justify-self:end;margin-inline-start:1rem;padding:.2rem;border-radius:.5rem}.projects__link:hover{background-color:var(--lighterGray)}.projects__linkLogo{display:flex;width:2rem}.about{background:var(--black);padding-block-start:1rem}.about__card{display:grid;padding:1rem;margin-inline:1rem}.about__image{transition:ease var(--transitionTime);display:grid;position:relative;border-radius:100%;box-shadow:0 0 10px 5px var(--black),0 0 0 10px var(--sunrise);margin-block:2rem;border:2px solid var(--black)}.about__image:hover{transform:translateY(3px)}.about__image img{transition:ease var(--transitionTime);justify-self:center;width:100%;border-radius:100%}.about__imageOverlay{transition:ease var(--transitionTime);position:absolute;background-color:transparent;width:100%;height:100%;border-radius:100%}.about__imageOverlay:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about__title{color:var(--sunrise);text-align:center;font-size:3rem}.about__description{color:var(--white60op);text-align:justify;justify-self:center}.about__description p{margin-block-end:1rem}.about__little{font-style:italic;font-size:.7rem}.contact__card{background-color:var(--sunrise);padding:1rem}.contact__form{display:grid;gap:.3rem}.contact__form h1{font-size:3rem}.contact__form input,.contact__form textarea,.contact__form button{border-radius:.5rem;height:2rem}.contact__form input,.contact__form textarea{border:2px solid black;padding-inline:1rem}.contact__form textarea{padding-block:1rem;height:150px;min-height:70px;resize:vertical}.contact__form button{transition:ease var(--transitionTime);background-color:var(--darkGray);color:var(--white);box-shadow:0 5px 2px 0 var(--lightGray);border:none;cursor:pointer}.contact__form button:hover{color:var(--sunrise);transform:translateY(3px);box-shadow:0 2px 2px var(--darkGray),inset 0 0 0 1px var(--sunrise)}.footer{display:flex;flex-direction:column;background:var(--sunrise);color:var(--black);font-weight:300;padding:1rem;gap:1rem}.footer__contact ul{display:flex;flex-direction:column;gap:.5rem}.footer__contact h1{padding-block-end:1rem}.footer__contact a{transition:ease var(--transitionTime);color:var(--black);font-weight:600;padding-block:1rem}.footer__contact a:hover{font-weight:900}.footer__copyright{font-weight:150}.copyBtn{position:relative;top:5px;background:var(--gray);margin-inline-start:.2rem;cursor:pointer}.copyBtn img{padding:.2rem;border-radius:.3rem;width:25px}.copyBtn img:hover{background-color:var(--lightGray)}body{scroll-behavior:smooth}h1{font-weight:900}