@charset "UTF-8";@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}body{font-family:Raleway,sans-serif;background-color:#262626;width:100%;height:100dvh}h1,h2,h3,h4,h5,h6{color:#ffa600}h1{font-weight:900}.nav{position:relative;display:flex;justify-content:center}.nav__navDesktop{position:fixed;z-index:1000;top:2rem;height:120px;background-color:#00000013;width:85%;justify-content:center;padding:2px;border-radius:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 5px #000}.nav__navDesktop li{width:100%;display:flex;justify-content:center}.nav__navDesktop li:first-child a{border-radius:1rem 0 0 1rem}.nav__navDesktop li:last-child a{border-radius:0 1rem 1rem 0}.nav__navDesktop a{transition:all .3s ease-out;display:flex;justify-content:center;align-items:center;width:100%;background-color:#0009;color:#ffa600;font-size:1.6rem;text-shadow:0 0 25px black;font-weight:900}.nav__navDesktop a:hover{background-color:#000000e6;text-shadow:0 0 25px #ffa600}.nav__logo{transition:ease .3s;position:fixed;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 3px 3px;background-color:#0009;cursor:pointer;height:120px;width:100%;border-radius:0 0 .25rem .25rem}.nav__icon{width:50px;height:7px;background-color:#ffa600;border-radius:2px}.nav__trigger{position:fixed;display:none}.nav__trigger:checked~.nav__navMobile{transform:translateY(0);transition:ease .3s}.nav__navMobile{position:fixed;z-index:999;top:120px;transform:translateY(-200%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;width:100%;border-radius:0 0 2rem 2rem;box-shadow:0 0 5px #000;padding:0 3px 3px}.nav__navMobile a{display:flex;justify-content:center;color:#ffa600;padding:1rem;font-size:2rem;font-weight:600;background-color:#0006}.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)}@media (min-width: 800px){.nav__navMobile,.nav__trigger,.nav__logo{display:none}.nav__navDesktop{display:flex}}@media (max-width: 800px){.nav__navDesktop{display:none}}.hidden{display:none}.intro{height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;justify-self:center;width:100%}.intro h1{text-align:center;font-size:3rem;color:#fff}.intro h1 span{background:linear-gradient(135deg,#ffa600,red);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.intro :nth-child(2){color:#fff;opacity:50%}@media (min-width: 800px){.intro h1{font-size:5rem}.intro p{font-size:2rem}}.skills{background-color:#1a1a1a;padding:16px;width:100%;display:grid}.skills__title{color:#ffa600;padding-block:1rem;font-size:3rem;text-align:center}.skills__cards{display:flex;flex-direction:column;justify-content:center;gap:8px;padding-block-end:1rem;flex-flow:wrap}.skill__card{transition:ease .3s;display:flex;align-items:center;background-color:#262626;color:#fff;max-width:372px;width:100%;height:100px;border-radius:1rem}.skill__card:hover{box-shadow:inset 0 0 3px 1px #404040,0 0 16px 1px #000;transform:translateY(-3px)}.skill__text{padding-inline-start:1rem}.skill__text h1{margin-block-end:.35rem;font-size:1.5rem}.skill__text p{color:#fff6;padding-inline-start:.2rem;margin-block-end:.2rem}.skill__logo{display:flex;align-items:center;background-color:#0d0d0d;padding-inline:1rem;height:100%;aspect-ratio:1/1;border-radius:.75rem 0 0 .75rem}.skill__logo img{width:100%}.projects{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem}.projects h1{color:#ffa600;margin-block:1rem;font-size:3rem;text-align:center;width:100%}.projects__cards{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:100%;height:max-content;gap:1rem}.projects__card{position:relative;z-index:100;text-decoration:none;background-color:#000;box-shadow:0 0 7px 1px #0006;border-radius:1rem;display:flex;flex-direction:column;width:auto;min-width:150px;width:100%;max-width:550px;max-height:650px}.projects__title{transition:all .3s ease-out;display:flex;justify-content:start;align-items:end;height:230px;width:100%;position:absolute;z-index:15;padding:1rem;text-shadow:0 0 5px black,0 0 5px black,0 0 10px black,0 0 15px black;color:#fffc}.projects__title:hover{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.projects__divScreen{position:relative;z-index:1;border-radius:1rem 1rem 0 0;height:230px;overflow:hidden}.projects__screen{width:100%;height:230px;aspect-ratio:1/.5}.projects__description{font-weight:500;font-size:1.1rem;color:#fff6;width:100%;min-height:100px;justify-self:center;text-align:justify;padding:16px}.projects__skills{display:flex;flex-flow:row wrap;justify-content:center;gap:1rem;margin:1rem;padding-block:1rem;box-shadow:inset 0 0 3px #fff6,0 0 5px 1px #000;border-radius:1rem;background-color:#fff6}.projects__skillsImg{width:48px}.projects__githubLogo{position:relative;z-index:2;display:flex;width:64px;height:64px;border-radius:100%;padding:2px}.projects__link{transition:all .3s ease-out;display:flex;justify-content:center;height:100%;width:100%;padding:10px;border-radius:0 0 16px 16px}.projects__link:hover{background-color:#fff;box-shadow:0 0 10px 2px #404040}.about{background:#000;padding-block:1rem}.about__card{display:grid;padding:1rem;margin-inline:1rem}.about__image{transition:ease .3s;display:grid;position:relative;border-radius:100%;box-shadow:0 0 5px 2px #000,0 0 0 5px #ffa600;margin-block:2rem;border:2px solid black}.about__image:hover{transform:translateY(3px)}.about__image img{transition:ease .3s;justify-self:center;width:100%;border-radius:100%}.about__imageOverlay{transition:ease .3s;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:#ffa600;text-align:center;font-size:3rem}.about__description{color:#fff6;text-align:justify;justify-self:center}.about__little{font-style:italic;font-size:.7rem}.about__personalTxt{display:flex;flex-direction:column;gap:.7rem}@media (min-width: 800px){.about{display:flex}.about__card{width:100%}.about__image{max-width:200px;margin:2rem}.about__description{display:flex;align-items:center}}.contact__card{background-color:#ffa600;padding:1rem}.contact__form{display:grid;gap:.3rem}.contact__form h1{font-size:3rem;color:#000}.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 .3s;background-color:#1a1a1a;color:#fff;box-shadow:0 5px 2px #404040;border:none;cursor:pointer}.contact__form button:hover{color:#ffa600;transform:translateY(3px);box-shadow:0 2px 2px #1a1a1a,inset 0 0 0 1px #ffa600}.footer{display:flex;flex-direction:column;background:#ffa600;color:#000;font-weight:300;padding:1rem}.footer__contact{display:flex;flex-direction:column;flex-flow:row wrap;gap:1rem}.footer__contact ul{display:flex;flex-direction:column;gap:.3rem}.footer__contact li{margin-inline-start:.3rem}.footer__contact h1{padding-block-end:1rem;color:#000;display:flex;justify-self:center;width:100%;text-decoration:underline}.footer__contact a{transition:ease .3s;color:#000;font-weight:600}.footer__contact a:hover{font-weight:900}.footer__informations{display:flex;gap:2rem;margin-block-end:1rem;flex-flow:row wrap}.footer__copyright{font-weight:150;width:100%;text-align:center}.loading{color:#fff;background-color:#ffffff1a;padding:32px;border-radius:16px;width:100%}.error{color:red;background-color:#ff00001a;padding:32px;border-radius:16px;width:100%}