@media only screen and (orientation: portrait){.screenL-skeleton-container{display:flex;flex-direction:column;width:100%;min-height:100vh;padding-top:80px;box-sizing:border-box}}@media only screen and (orientation: landscape){.screenL-skeleton-container{aspect-ratio:9/6;position:absolute;display:grid;grid-template-rows:10% 80% 10%;grid-template-columns:auto;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%;height:auto;filter:drop-shadow(1em 1em 2em #2a272798)}.screenL-skeleton-container>*:nth-child(1){grid-row:1}.screenL-skeleton-container>*:nth-child(2){grid-row:2}.screenL-skeleton-container>*:nth-child(3){grid-row:3}}@media only screen and (orientation: portrait){.Nav-Container{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;flex-direction:column;align-items:center;background-color:#38383f;padding:10px 0 8px;box-shadow:0 2px 8px #0006;box-sizing:border-box}.nav-links{order:1;display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:2px}.nav-links a{display:flex;align-items:center}.nav-links img{width:22px;height:22px;object-fit:contain;display:block;opacity:.85}.nav-links img:hover{opacity:1;scale:1.15}.nav-title{order:2;margin-bottom:4px}.nav-title a{display:block;color:#a9a9c2;font-family:Roboto,sans-serif;font-size:11px;font-weight:400;letter-spacing:.2em;text-align:center;cursor:pointer;text-transform:uppercase}.nav-title a:hover{color:#a93a2b}.nav{order:3;width:100%}.nav ul{display:flex;justify-content:center;align-items:center;list-style:none;margin:0;padding:0}.nav li{font-family:Roboto,sans-serif;font-size:calc(.65vh + .65vw);padding:0 4vw;white-space:nowrap;border-left:1px solid #464651;line-height:1.6}.nav li:first-child{border-left:none}.nav a{color:#a9a9c2;cursor:pointer;display:block;padding:2px 0}.nav a.active{border-bottom:2px solid #a93a2b;padding-bottom:0}.nav li a:hover{color:#a93a2b}}@media only screen and (orientation: landscape){.Nav-Container{display:grid;grid-template-columns:10% 10% 80%;grid-template-rows:100%;background-color:#38383f;width:85%;height:40%;margin:auto auto 0;border:0;border-style:none;border-radius:5px 5px 0 0}.Nav-Container :nth-child(1){grid-column:1}.Nav-Container :nth-child(2){grid-column:2;grid-row:1}.Nav-Container :nth-child(3){grid-column:3;grid-row:1;text-align:right}.nav-title a{text-align:center;color:#a9a9c2;font-family:Roboto,sans-serif;font-size:calc(.8vh + .8vw);font-style:normal;font-weight:400;line-height:normal;padding:5px 0 0;display:block;margin:0 auto}.nav-title a:hover{cursor:pointer;color:#a93a2b}.nav-links img{display:inline-block;max-width:20%;margin:4%}.nav-links img:hover{scale:1.2}.nav ul{display:flex;flex-wrap:nowrap;color:#a9a9c2;margin:.3em auto;list-style-type:none;justify-content:end}.nav li{font-family:Roboto,sans-serif;font-size:calc(.6vh + .6vw);padding-right:2%;padding-left:2%;white-space:nowrap;display:flex;flex-direction:row;border-left:1px solid #464651;border-right:1px solid transparent}.nav a{color:#a9a9c2}.nav a.active{transition:border .2s ease-in;border-bottom-left-radius:5%;border-bottom-right-radius:5%;border-bottom:.15em solid #a93a2bb9}.nav li a:hover{cursor:pointer;color:#a93a2b}}@media only screen and (orientation: portrait){.mainBody-container{display:flex;flex-direction:column;width:100%;height:100%}.prev-button,.next-button{display:none}}@media only screen and (orientation: landscape){.mainBody-container{display:grid;grid-template-columns:2% 96% 2%;grid-template-rows:1fr;cursor:url(/assets/arrow-pointer-solid-9a991541.svg),auto}.mainBody-container :nth-child(1){grid-column:2;grid-row:1}.prev-button{opacity:.7;grid-column:1;grid-row:1;margin:auto -.5em;display:flex;width:100%;height:100%}.prev-button img{max-width:100%}.prev-button:hover{opacity:1;transition:opacity .2s ease;cursor:pointer;position:relative;left:-5px}.next-button{opacity:.7;grid-column:3;grid-row:1;margin:auto .5em;display:flex;width:100%;height:100%}.next-button img{max-width:100%}.next-button:hover{opacity:1;transition:opacity .2s ease;cursor:pointer;position:relative;right:-5px}}::-webkit-scrollbar{display:none;-webkit-appearance:none;width:7px;background-color:#2e2e33;border-bottom-right-radius:.5em;border-bottom-left-radius:.5em}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#848496;box-shadow:0 0 1px #ffffff80}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 4vh rgb(86,87,98) inset!important}input:-webkit-autofill{-webkit-text-fill-color:rgb(193,193,193)!important}@keyframes slideTtB{0%{transform:translateY(-10%);opacity:0}to{transform:translateY(0);opacity:100%}}@media only screen and (orientation: portrait){.hidPOS,.aboutMeButton,.projectsMeButton,.formMeButton,#scrollHome{display:none!important}.elements-carrier{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:visible;width:100%;max-width:100%}.spaceBlock{display:flex;flex-direction:column;width:100%;max-width:100%;min-height:100vh;overflow-x:hidden;box-sizing:border-box}#home{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4vh 6%;gap:2vh;min-height:auto;background:radial-gradient(94.03% 57.44% at 50% 45.7%,rgba(46,46,51,0) 0%,#2e2e33 93.23%,#2e2e33 100%)}#home>*:first-child{width:100%}#homeAnimation,#home #nav2{display:none}.aboutMeButton{display:flex;flex-direction:column;align-items:center}.aboutMeButton #nav2{display:none}.aboutMeButton button{width:48px;height:48px;font-size:0;border-radius:6px;background-color:#a93a2b;color:#bbbbce;font-family:Roboto,sans-serif;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.aboutMeButton button img{width:18px;height:18px;transform:rotate(90deg)}.aboutMeButton button:hover{background-color:#b83f2f;transition:.1s ease-in}.coffee-button{align-self:flex-end;padding-right:2vw;padding-bottom:1.5vh}.coffee-button img{opacity:.7;width:24px;height:24px;object-fit:contain;display:block}.coffee-button img:hover{opacity:1;scale:1.15;cursor:pointer;transition:.3s ease}.home-code-animation{width:100%;margin-top:4vh}#orangeForth{color:#a93a2b}#aboutMe{display:flex;flex-direction:column;align-items:flex-start;padding:2vh 6% 4vh;gap:2.5vh;background:radial-gradient(94.03% 57.44% at 50% 45.7%,rgba(46,46,51,0) 0%,#2e2e33 93.23%,#2e2e33 100%)}#aboutMe .hidPOS,#projects .hidPOS{width:100%;display:flex;justify-content:flex-end;align-items:center;min-width:0;overflow:hidden}#aboutMe .hidPOS .H-ID-Card,#projects .hidPOS .H-ID-Card{max-width:100%;box-sizing:border-box;overflow:hidden}#aboutMe .bio-section{width:100%}#bio-title1 #bio-slash{color:#a93a2b;font-size:calc(1.6vh + 1.6vw);font-weight:700;font-family:Roboto,sans-serif}#bio-title1 #bio-title{color:#848496;font-size:calc(1.6vh + 1.6vw);font-weight:700;font-family:Roboto,sans-serif}#aboutMe #bio-bio{display:block;color:#a9a9c2;font-size:calc(.9vh + .9vw);font-family:Roboto,sans-serif;line-height:1.65;margin-top:1vh}.icons-buttons{width:100%}.icons-buttons #bio-title1{display:none}.icons-buttons #link-buttons-positioner{display:flex;flex-direction:column;gap:1.2vh;width:100%}.skills-section{width:100%}.skills-section #skills-section-skills{display:block;padding:1.5vh 0 0;background:transparent;border-radius:0}.title-icon{display:none}#skillList{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.2vh}#aboutMe #nav2{display:none}.projectsMeButton{width:100%;display:flex;justify-content:center;gap:5%;margin-top:1vh}.projectsMeButton button{width:48px;height:48px;font-size:0;border-radius:6px;background-color:#a93a2b;color:#bbbbce;font-family:Roboto,sans-serif;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.projectsMeButton button img{width:18px;height:18px;transform:rotate(90deg)}.projectsMeButton #goBack button img{transform:rotate(270deg)}.projectsMeButton button:hover{background-color:#b83f2f;transition:.1s ease-in}#projects{display:flex;flex-direction:column;align-items:flex-start;padding:2vh 6% 4vh;gap:2vh;background:radial-gradient(94.03% 57.44% at 50% 45.7%,rgba(46,46,51,0) 0%,#2e2e33 93.23%,#2e2e33 100%)}#projects .hidPOS{width:100%;display:flex;justify-content:flex-end}#projects #projects-content{width:100%;display:flex;flex-direction:column;gap:2vh;background:transparent;border:none;border-radius:0;margin:0;height:auto}#projects #bio-title1{text-align:center;padding:0;width:100%}#projects #projects-component{width:100%;height:auto;background:transparent;overflow-y:visible;display:flex;flex-direction:column;gap:2vh}#projects .projectScroller,#projects #nav2{display:none}.formMeButton{width:100%;display:flex;justify-content:center;gap:5%;margin-top:1vh}.formMeButton button{width:48px;height:48px;font-size:0;border-radius:6px;background-color:#a93a2b;color:#bbbbce;font-family:Roboto,sans-serif;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.formMeButton button img{width:18px;height:18px;transform:rotate(90deg)}.formMeButton #goBack button img{transform:rotate(270deg)}.formMeButton button:hover{background-color:#b83f2f;transition:.1s ease-in}#contact{display:flex;flex-direction:column;align-items:center;padding:4vh 6%;gap:2.5vh;background:radial-gradient(94.03% 57.44% at 50% 45.7%,rgba(46,46,51,0) 0%,#2e2e33 93.23%,#2e2e33 100%)}#contact #contact-content-title{width:100%;text-align:center}#contact #contact-content-form{width:100%;background:transparent;border:none;border-radius:0}#contact #contact-content-form #form-container{display:flex;flex-direction:column;gap:2.5vh;width:100%;padding:0}#contact form button{background-color:#a93a2b;color:#dcdce6;font-family:Roboto,sans-serif;font-weight:700;font-size:calc(1vh + 1vw);width:100%;height:56px;margin:0;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;letter-spacing:.08em}#contact form button:hover{background-color:#b83f2f;transition:.1s ease-in}#contact form button img{width:14px;height:14px}#scrollHome{display:flex;justify-content:center}#scrollHome button{width:48px;height:48px;font-size:0;border-radius:6px;background-color:#a93a2b;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}#scrollHome button img{width:18px;height:18px;transform:rotate(270deg)}#scrollHome button:hover{background-color:#b83f2f;transition:.1s ease-in}#nav2{display:none}}@media only screen and (orientation: landscape){.elements-carrier{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;margin:0 auto;height:100%;width:100%;border-radius:.5em}.spaceBlock{display:inline-block;min-width:100%;max-height:100%}.home-code-animation{display:none}#home{display:grid;grid-template-columns:25% 25% 25% 25%;grid-template-rows:10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;background:radial-gradient(94.03% 57.44% at 50% 45.7%,rgba(46,46,51,0) 0%,#2e2e33 93.23%,#2e2e33 100%)}#home :nth-child(1){grid-column:2 / 4;grid-row:1/7}#home :nth-child(2){text-align:center;grid-column:1 / 5;grid-row:6/8}#home :nth-child(3){text-align:center;grid-column:1 / 5;grid-row:8}.coffee-button{grid-column:4;grid-row:10;margin-left:70%;margin-right:10%}.coffee-button img{opacity:80%;display:block;margin:20% auto;max-width:50%}.coffee-button img:hover{transition:.5s ease;opacity:100%;scale:1.2;cursor:pointer}#orangeForth{color:#a93a2b}.aboutMeButton button{margin-top:2%;width:18%;font-weight:700;font-size:calc(.9vh + .9vw);border-radius:calc(.2vh + .2vw);background-color:#a93a2b;color:#bbbbce;font-family:Roboto,sans-serif}.aboutMeButton button img{display:inline-flex;max-width:10%;margin:auto;padding-left:3%;position:relative}.aboutMeButton button:hover{background-color:#b83f2f;transition:.1s ease-in}.aboutMeButton button:hover img{left:5%;transition:.1s ease-in}#homeAnimation{font-family:Roboto,sans-serif;margin-top:1%;font-size:5vw;color:#848496;font-weight:800}#aboutMe{display:grid;grid-template-columns:25% 25% 25% 25%;grid-template-rows:20% 30% 20% 30%;background:radial-gradient(94.03% 57.44% at 50% 45.7%,rgba(46,46,51,0) 0%,#2e2e33 93.23%,#2e2e33 100%)}#aboutMe :nth-child(1){grid-row:1;grid-column:1/5}#aboutMe .hidPOS{display:flex;justify-content:center;align-items:center;width:100%}#aboutMe .bio-section{display:inline-block;margin:0 auto;width:80%;grid-row:2;grid-column:1/5;overflow-y:auto}#bio-title1 #bio-slash{color:#a93a2b;font-size:calc(1vh + 1vw);font-style:normal;font-weight:700;line-height:normal;font-family:Roboto,sans-serif}#bio-title1 #bio-title{color:#848496;font-size:calc(1vh + 1vw);font-style:normal;font-weight:700;line-height:normal;font-family:Roboto,sans-serif}#aboutMe #bio-bio{color:#a9a9c2;font-size:calc(.8vh + .8vw);font-style:normal;font-family:Roboto,sans-serif}.icons-buttons{width:80%;display:inline-block;margin:0 auto;grid-row:3;grid-column:1 / span 5}.icons-buttons #bio-title1{text-align:center;padding-bottom:1%}.icons-buttons #link-buttons-positioner{display:flex;margin:0 auto;justify-content:center}.skills-section{width:80%;display:inline-block;margin:0 auto;grid-row:4;grid-column:1/5}.skills-section #skills-section-skills{display:grid;grid-template-columns:5% 95%;grid-template-rows:100%;border-radius:5px;padding:1%;background:rgba(63,63,70,.38)}.title-icon{grid-column:1;grid-row:1;padding-top:2%;max-width:4%}#skillList{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.projectsMeButton{display:none}#projects{display:grid;grid-template-columns:25% 25% 25% 25%;grid-template-rows:20% 30% 20% 30%;background:radial-gradient(94.03% 57.44% at 50% 45.7%,rgba(46,46,51,0) 0%,#2e2e33 93.23%,#2e2e33 100%)}#projects .hidPOS{display:none}#projects #projects-content{margin:auto;grid-column:1/5;grid-row:1/5;width:90%;height:80%;background-color:#38383f;border:1px solid transparent;border-radius:.5em}#projects #projects-content ::-webkit-scrollbar{display:block;-webkit-appearance:block;width:7px;background-color:#2e2e33;border-bottom-right-radius:.5em;border-bottom-left-radius:.5em}#projects #bio-title1{text-align:center;padding:2%}#projects #projects-component{margin:0 auto;width:95%;height:80%;background:rgb(56,56,63);background:linear-gradient(0deg,rgba(56,56,63,1) 0%,rgba(63,63,70,.499) 50%,rgba(56,56,63,.62) 100%);overflow-y:auto}#projects .projectScroller{width:100%;height:15%;margin:-1% auto;position:relative;display:grid;border:1px solid transparent;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;background:#38383f}#projects .projectScroller #scrollUp{width:90%;padding:2%;margin:auto;text-align:center;border:1px solid transparent;border-radius:.2em}#projects .projectScroller #scrollUp img{max-width:5%}#projects .projectScroller #scrollUp:hover{cursor:pointer;background-color:#a93a2b}#projects .projectScroller #scrollDown{width:90%;padding:2%;margin:auto;text-align:center;border:1px solid transparent;border-radius:.2em}#projects .projectScroller #scrollDown:hover{cursor:pointer;background-color:#a93a2b}#projects .projectScroller #scrollDown img{max-width:5%}#projects .formMeButton{display:none}#contact{display:grid;grid-template-columns:100%;grid-template-rows:10% 90%;background:radial-gradient(94.03% 57.44% at 50% 45.7%,rgba(46,46,51,0) 0%,#2e2e33 93.23%,#2e2e33 100%)}#contact #contact-content-title{grid-row:1;grid-column:1;padding:2%;margin:0 auto}#contact #contact-content-form{margin:auto;grid-column:1;grid-row:2;width:90%;height:95%;display:flex;background-color:#38383f;border:1px solid transparent;border-radius:.5em}#contact #contact-content-form #form-container{display:flex;flex-wrap:wrap;padding:4%;width:100%}#contact form button{background-color:#a93a2b;color:#bbbbce;font-family:Roboto,sans-serif;height:12%;font-weight:700;font-size:calc(.9vh + .9vw);width:100%;margin:1% 40%;display:block;border-radius:calc(.2vh + .2vw)}#contact form button:hover{background-color:#b83f2f;transition:.1s ease-in}#contact form button img{display:inline-flex;max-width:10%;margin:auto;padding-left:3%;position:relative}#contact form button:hover img{left:5%;transition:5s ease-in}#nav2{display:none}}.msgReceived{display:flex;position:fixed;top:5%;left:10%;width:80%;height:10%;background-color:#3b6a4f;animation:slideTtB 1.5s ease-out 0s 1 normal;color:#e3e3e3;font-weight:700}.msgReceived-off{display:none}.msgReceived span{margin:auto;font-family:Roboto,sans-serif;font-size:1.5rem}.msgNotReceived{display:flex;position:fixed;top:5%;left:10%;width:80%;height:10%;background-color:#a32c2c;animation:slideTtB 1.5s ease-out 0s 1 normal}.msgNotReceived span{margin:auto;font-family:Roboto,sans-serif;font-size:1.5rem}@keyframes slideTtB{0%{transform:translateY(-5%);opacity:0}to{transform:translateY(0);opacity:100%}}@media only screen and (orientation: portrait){.ID-Card{display:flex;flex-direction:column;align-items:center;width:100%;padding:2vh 0 1vh}.ID-Picture{position:relative;width:60vw;max-width:270px;aspect-ratio:700 / 803;margin-bottom:2.5vh}.ID-Disc{position:absolute;left:50%;top:57.3%;transform:translate(-50%,-50%);width:100%;height:0;padding-bottom:100%;border-radius:50%;background:#a93a2b;box-shadow:0 10px 26px 2px #24242659;z-index:0}.ID-Avatar{position:absolute;left:0;top:0;width:100%;height:auto;z-index:1;filter:drop-shadow(0 8px 12px rgba(0,0,0,.25));animation:slideTtB 1.5s ease-out 0s 1 normal}#NameID{display:block;text-align:center;color:#848496;font-family:Roboto,sans-serif;font-size:calc(1.4vh + 1.4vw);line-height:1.3;margin-bottom:.6vh}.ID-Title1{font-family:Roboto,sans-serif;text-align:center;color:#c8c8e0;font-size:calc(2vh + 2vw);font-weight:700;line-height:1.15;margin-bottom:.4vh}.orangeBrackets{color:#a93a2b}.ID-Title2{font-family:Roboto,sans-serif;text-align:center;color:#a9a9c2;font-size:calc(1.1vh + 1.1vw)}#orangePsign{font-weight:700;color:#a93a2b}}@media only screen and (orientation: landscape){.ID-Card{display:flex;flex-direction:column;align-items:center;margin:0 auto;width:70%;height:100%}.ID-Picture{position:relative;width:42%;aspect-ratio:700 / 803;margin:8% auto 3%}.ID-Disc{position:absolute;left:50%;top:57.3%;transform:translate(-50%,-50%);width:100%;height:0;padding-bottom:100%;border-radius:50%;background:#a93a2b;box-shadow:0 8px 20px 2px #2424264d;z-index:0}.ID-Avatar{position:absolute;left:0;top:0;width:100%;height:auto;z-index:1;filter:drop-shadow(0 8px 12px rgba(0,0,0,.25));animation:slideTtB 1.5s ease-out 0s 1 normal}#NameID{display:block;text-align:center;color:#848496;font-family:Roboto,sans-serif;font-size:calc(1vh + 1vw);line-height:normal}.ID-Title1{font-family:Roboto,sans-serif;text-align:center;color:#c8c8e0;font-size:calc(1.2vh + 1.2vw);font-weight:700;line-height:normal}.orangeBrackets{color:#a93a2b}.ID-Title2{font-family:Roboto,sans-serif;text-align:center;color:#a9a9c2;font-size:calc(1vh + 1vw)}#orangePsign{font-weight:700;color:#a93a2b}}@keyframes slideTtB{0%{transform:translateY(-10%);opacity:0}to{transform:translateY(0);opacity:1}}.H-ID-Card{display:inline-flex;flex-direction:row;align-items:center;gap:6px;background-color:#4949515a;box-shadow:0 1px 3px 1px #24242628;border:1px solid transparent;border-radius:6px;animation:slideTtB 1.5s ease-out 0s 1 normal;flex-shrink:0;white-space:nowrap}.H-ID-Card .H-ID-Picture{flex-shrink:0;border-radius:50%;border:1.5px solid #54545e;overflow:hidden}.H-ID-Picture img{width:140%;height:140%;object-fit:cover;display:block}.h-inside-text{font-family:Roboto,sans-serif;color:#848496;white-space:nowrap}.H-orangeBrackets,#H-orangePsign{color:#a93a2b;white-space:nowrap;flex-shrink:0}.hid-sep{color:#464651;flex-shrink:0}.none{display:none}@media only screen and (orientation: portrait){.H-ID-Card{max-width:100%;padding:5px 10px;gap:4px;box-sizing:border-box}.H-ID-Card .H-ID-Picture{width:30px;height:30px}.h-inside-text,.H-orangeBrackets,#H-orangePsign,.hid-sep{font-size:9px}.H-ID-Card .h-inside-text:last-child{overflow:hidden;text-overflow:ellipsis;min-width:0}}@media only screen and (orientation: landscape){.H-ID-Card{max-width:90%;padding:.5vmin 1.5vmin;gap:.8vmin;margin:0 auto}.H-ID-Card .H-ID-Picture{width:calc(2vh + 2vw);height:calc(2vh + 2vw);max-width:42px;max-height:42px}.h-inside-text,.H-orangeBrackets,#H-orangePsign,.hid-sep{font-size:calc(.6vh + .6vw)}}@media only screen and (orientation: portrait){.IconsButton{display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:Roboto,sans-serif;font-weight:700;width:100%;font-size:calc(.9vh + .9vw);padding:14px 16px;border-radius:8px;background-color:#a93a2b;color:#f4f4f0;border:2px solid #1f1f23;box-shadow:4px 4px #1f1f23;text-decoration:none;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background-color .2s ease}.IconsButton:hover{background-color:#b83f2f}.IconsButton:active{transform:translate(4px,4px);box-shadow:0 0 #1f1f23}.buttonContent{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.IconsButton img{width:16px;height:16px;object-fit:contain;flex-shrink:0}.IconsButton span{display:inline-block}.IconsButton a{color:#a9a9c2}}@media only screen and (orientation: landscape){.IconsButton{display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:Roboto,sans-serif;font-weight:700;width:15%;font-size:calc(.6vh + .6vw);border-radius:.4em;background-color:#a93a2b;color:#f4f4f0;border:2px solid #1f1f23;box-shadow:3px 3px #1f1f23;margin-right:1.5%;padding:.8% 1%;text-decoration:none;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background-color .2s ease}.IconsButton:hover{background-color:#b83f2f}.IconsButton:active{transform:translate(3px,3px);box-shadow:0 0 #1f1f23}.buttonContent{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.IconsButton img{width:12px;height:12px;object-fit:contain;flex-shrink:0}.IconsButton span{display:inline-block}.IconsButton a,.IconsButton a:hover{color:#f4f4f0}}@keyframes skillAppear{0%{transform:translateY(-8%);opacity:0}to{transform:translateY(0);opacity:1}}.Skills{display:inline-flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-style:normal;font-weight:400;line-height:normal;font-size:calc(.7vh + .7vw);padding:5px 10px;border-radius:4px;background-color:#a93a2b;color:#e0e0ef;animation:skillAppear .4s ease-out both;white-space:nowrap;margin:0 4px 6px 0}.Skills img{width:12px;height:12px;margin-right:5px;object-fit:contain}.Skills--hidden{opacity:0;pointer-events:none}.title-dec{color:#a93a2b}.project-card-header{display:none}.project-dots span:nth-child(1){background-color:#a93a2b}.project-dots span:nth-child(2){background-color:#848496}.project-dots span:nth-child(3){background-color:#4a4a55}.img-container--private{display:flex;align-items:center;justify-content:center;background-color:#2e2e34;border:1px dashed #51515b;border-radius:.4em}.private-label{font-family:Roboto,sans-serif;color:#51515b;letter-spacing:.05em;text-align:center;padding:8px}.project-live-link{display:inline-block;font-family:Roboto,sans-serif;color:#a93a2b;text-decoration:none;border-bottom:1px solid #a93a2b55;transition:border-color .2s ease,color .2s ease}.project-live-link:hover{color:#c4442f;border-color:#c4442f}@media only screen and (orientation: portrait){.project-grid{width:100%;background-color:#2e2e34;border:1px solid #3a3a42;border-radius:.6em;overflow:hidden;display:flex;flex-direction:column}.project-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 6px}.project-dots{display:flex;gap:5px}.project-dots span{width:10px;height:10px;border-radius:50%;display:inline-block}.project-card-title{font-family:Roboto,sans-serif;font-size:calc(.85vh + .85vw);font-weight:700;color:#848496}.project-body{display:flex;flex-direction:row;align-items:flex-start;padding:0 14px 10px;gap:12px}.project-img-section{flex:0 0 38%;background-color:#3f3f46;border-radius:.4em;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:90px}.img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.img-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.img-container img:hover{transform:scale(1.05)}.img-container--private{width:100%;min-height:90px;font-size:calc(.55vh + .55vw)}.project-desc-container{flex:1;min-width:0}.project-section-title{display:none}.description{font-family:Roboto,sans-serif;font-size:calc(.7vh + .7vw);color:#a9a9c2;line-height:1.5}.project-skills-container{padding:0 14px 14px;display:flex;flex-direction:column;gap:6px}.project-skills-container .project-section-title{display:none}.project-skill-list{width:100%;background:transparent;border:none}.ind-skill{display:flex;flex-wrap:wrap;gap:6px}.project-live-link{margin-top:6px;font-size:calc(.7vh + .7vw)}}@media only screen and (orientation: landscape){.project-card-header{display:none}.project-body{display:contents}.project-grid{width:95%;height:100%;margin:auto;display:grid;grid-template-columns:repeat(4,25%);grid-template-rows:repeat(4,25%)}.project-grid .project-img-section{display:flex;width:90%;height:80%;background-color:#3f3f46;grid-column:1 / span 2;grid-row:1 / span 4;margin:auto;border:1px solid transparent;border-radius:.5em}.project-grid .project-img-section .img-container{display:flex;width:90%;height:100%;margin:auto}.project-grid .project-img-section .img-container img{transition:transform .5s ease;margin:auto;max-width:100%;max-height:100%}.project-grid .project-img-section .img-container img:hover{transform:rotate(5deg) scale(1.2)}.project-grid .project-img-section .img-container--private{width:90%;height:80%;font-size:calc(.6vh + .6vw);margin:auto}.project-grid .project-desc-container{width:100%;height:80%;grid-column:3 / span 4;grid-row:1 / span 3;display:grid;grid-template-columns:100%;grid-template-rows:10% 90%;gap:1%;margin:7% auto auto}.project-grid .project-desc-container .project-section-title{display:block;grid-column:1;grid-row:1;color:#848496;font-size:calc(.8vh + .8vw);font-weight:700;font-family:Roboto,sans-serif}.project-grid .project-desc-container .project-section-desc{grid-column:1;grid-row:2;width:100%;height:60%;margin-bottom:1%;background-color:#3f3f46;border:1px solid transparent;border-radius:.2em;color:#a9a9c2;font-size:calc(.6vh + .6vw);font-family:Roboto,sans-serif;text-align:left;overflow:auto}.project-grid .project-desc-container .project-section-desc .description{width:95%;margin:auto;display:block}.project-grid .project-skills-container{grid-column:3 / span 4;grid-row:3 / 5;width:100%;height:60%;display:grid;gap:10%;grid-template-columns:100%;grid-template-rows:20% 80%;margin:auto}.project-grid .project-skills-container .project-section-title{display:block;grid-column:1;grid-row:1;color:#848496;font-size:calc(.8vh + .8vw);font-weight:700;font-family:Roboto,sans-serif}.project-grid .project-skills-container .project-skill-list{grid-column:1;grid-row:2;overflow-y:auto;width:100%;height:90%;background-color:#3f3f46;border:1px solid transparent}.project-grid .project-skills-container .project-skill-list::-webkit-scrollbar{height:.4em}.project-grid .project-skills-container .project-skill-list .ind-skill{display:flex;flex-wrap:wrap;padding:1%;gap:4px}.project-live-link{margin-top:4%;font-size:calc(.6vh + .6vw)}}.formInput{height:20%;flex:1 1 30%;display:grid;grid-template-columns:100%;grid-template-rows:5% 70% 25%;font-size:calc(.6vh + .6vw);color:#afafc3;font-family:Roboto,sans-serif}input{color:#848496;all:unset;border-bottom:.5em solid #51515b;font-family:Roboto,sans-serif;caret-color:#a93a2b}input:invalid[data-focused=true]{border-color:#a93a2b}.formInput label{display:none}.formInput:hover label,.formInput:focus-within label{display:block}.formInput label[data-focused=true]{display:block}.formInput__error{display:none;color:#b83f2f;font-size:.85em}input:invalid[data-focused=true]~.formInput__error{display:block}.formInput :nth-child(1){grid-column:1;grid-row:1}.formInput :nth-child(2){grid-column:1;grid-row:2}.formInput :nth-child(3){grid-column:1;grid-row:3}.input--stack3,.input--stack2{width:90%}.input--stack1{width:100%}.ca-outer{width:100%;background-color:#26262b;overflow:hidden;position:relative}.ca-top-border{width:100%;height:3px;background-color:#a93a2b}.ca-window{height:196px;overflow:hidden;position:relative}.ca-inner{position:absolute;top:0;left:0;width:100%;will-change:transform}.ca-row{display:flex;align-items:center;height:28px;padding:0 2% 0 3%;gap:0}.ca-linenum{width:28px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;padding-right:4px}.ca-linenum:after{content:"";display:block;width:8px;height:8px;border-radius:2px;background-color:#3a3a42}.ca-blocks{display:flex;align-items:center;flex:1;gap:6px;flex-wrap:nowrap;overflow:hidden}.ca-block{height:10px;border-radius:4px;background-color:#4a4a55;flex-shrink:0}.ca-block--red{background-color:#a93a2b}@media only screen and (orientation: portrait){.Footer-Container{display:none}}@media only screen and (orientation: landscape){.Footer-Container{background-color:#38383f;width:85%;height:40%;margin:0 auto auto;border:0;border-style:none;border-radius:0 0 5px 5px;filter:drop-shadow(0em .2em .4em #2a27276d)}.Footer-Container p{font-family:Roboto,sans-serif;color:#a9a9c2;padding:0;text-align:center;margin:0;font-size:1vw}}:root{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{max-width:100%;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;background:rgb(68,68,74);background:radial-gradient(circle,rgba(68,68,74,1) 50%,rgba(93,93,103,1) 100%)}@media only screen and (orientation: landscape){body{display:flex;place-items:center}}@media only screen and (orientation: portrait){body{display:block}#root{width:100%;max-width:100%;overflow-x:hidden}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}