:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:1.3rem;color:var(--text);color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;--corner:10px;--cardPadding:20px;--text:black;--supress:grey;--skillBackground:beige;--gradient1:hsl(28.86,35.43%,56.27%);--gradient2:hsl(28.86,35.43%,76.27%);--gradient3:hsl(28.86,35.43%,100%)}body{box-sizing:border-box;margin:0;min-height:100vh;max-width:100vw}@media not (min-width:1096px){#navCont{position:fixed;top:100%;bottom:0%;height:82vh;width:20%;background-color:#24382b!important;-webkit-backdrop-filter:blur(50px)!important;backdrop-filter:blur(50px)!important;padding:1em;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;margin-left:-100%;transition:margin-left .5s ease}#navCont.open{margin-left:-1%}#navul{flex-direction:column;align-items:center;padding:0;text-align:left!important;gap:2em}#navsec1{width:100vw!important;justify-content:center!important}#placeholder{display:flex!important}#burger{position:absolute;left:0%;display:flex!important;margin-left:10px}#logo{margin-left:0!important}#heroItemsCont{margin-left:0!important;text-align:center;font-size:1em}#heroh1{font-size:38.4px!important;align-self:center!important;justify-self:center}#heroDesc{margin-top:50px!important;justify-self:center;color:#bcbcbc!important}#heroHist{font-size:.9em}#backgroundImg{filter:brightness(25%)!important}#skillIcons{width:100%!important}.break{display:block!important}.s_icon{font-size:20px}#homeCont{margin-top:6rem}}@media not (min-screen:460px){#heroh1{margin-top:100rem!important}}#root{text-align:center;margin:0;background:linear-gradient(to bottom right,var(--gradient1) 0%,var(--gradient2) 50%,var(--gradient3)100%)}#logo{width:3em;aspect-ratio:1;margin-left:2em}#headerCont{position:fixed;width:100%;height:3rem;z-index:1000;display:flex;justify-content:space-between;top:0%;left:0%;background-color:#24382bb7;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}#navCont{width:50%;padding:1em;display:flex;flex-direction:row;justify-content:center;align-items:center}ul{display:flex;gap:2em}#navCont>nav>ul>li{list-style-type:none;text-decoration:none}#navsec1{width:50%;display:flex;justify-content:space-between;align-items:center}#placeholder,#burger{display:none}a{text-decoration:none;color:#f5f5f5}#footerHr{width:80%}.footera{color:green}#homeCont{width:100%;height:100vh;margin:0;padding:0;overflow:hidden;position:relative}#imgCont{width:100%;margin:0;padding:0;height:100vh;position:relative}#hero{translate:0px 150px;opacity:0;transition:translate 1s cubic-bezier(.075,.82,.165,1),opacity 1s cubic-bezier(.075,.82,.165,1);transition-delay:.8s;width:50%;position:absolute;width:100%;height:100%;top:0%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;color:var(--text)}#hero.loaded{translate:0px 0px;opacity:1}#heroItemsCont{text-align:left;margin-left:40%;height:fit-content;color:#fff;border:2px solid rgba(255,0,0,0)}#heroh1{font-size:5vw;margin:0}#heroDesc{color:var(--supress)}#backgroundImg{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(50%);transform-origin:top center;will-change:transform}.break{display:none}#contactBtn{width:200px;height:50px;font-size:1rem;border-radius:var(--corner);border:none}#contactBtn:hover{cursor:pointer}#heroItemsCont>p{margin-bottom:60px}@media not (min-width:1200px){#heroh1{margin:3em 0 0}}.projectCard{width:10em;height:fit-content;background-color:var(--gradient1);position:static;border-radius:var(--corner);text-align:left;padding:var(--cardPadding);margin-left:10px;margin-right:10px;box-shadow:0 5px 5px 1px #373737}.projectCard>button{height:40px;font-size:.8em}#project{width:100%;min-height:100vh;box-sizing:border-box;display:flex;justify-content:center;flex-wrap:wrap}#projects{padding-top:4em}#skills{width:100%;height:100vh;min-height:fit-content;display:flex;flex-direction:column;align-items:center;padding-top:4rem;z-index:99999!important}.s_icon{font-size:1rem;margin:30px}#skillIcons{height:fit-content;display:flex;flex-wrap:wrap;width:50%;max-width:768px;gap:30px;align-items:center;justify-content:space-around;perspective:1000px}.skillItem{border-radius:var(--corner);background-color:var(--skillBackground);border:2px solid rgba(255,228,196,0);transition:transform 2s cubic-bezier(.165,.84,.44,1);transform-style:preserve-3d;will-change:transform}.skillItem:hover{transform:rotateY(350deg)}#references{margin-top:4rem;width:100%;height:100vh;min-height:fit-content;display:flex;flex-direction:column;align-items:center}#refCont{height:fit-content;display:flex;flex-wrap:wrap;width:50%;max-width:768px;gap:30px;align-items:center;justify-content:space-around;border-radius:10px}#fullscreenPic{top:0%;position:fixed;width:auto;height:90vh;z-index:10000}#fullscreenPic>img{object-fit:contain;height:99vh;zoom:normal;max-width:99vw}.refCard{max-width:300px;min-height:4rem;background-color:#b78e68;border-radius:10px;color:#000}.refCard>img{object-fit:contain;width:90%}#about{margin-top:4rem;display:flex;flex-direction:column;align-items:center;min-height:100vh;opacity:0}#aboutDesc{text-align:left;width:80%;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}#ulCont{width:14em;display:flex;justify-self:left;flex-direction:column;justify-content:left;text-align:left}#fcc{color:green}#profImgCont{min-width:100px;width:2em;max-width:300px;background-size:cover;aspect-ratio:1;border-radius:50%;border:2px solid black;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}#profilepic{height:100%;width:100%;object-fit:contain}#animCont{position:fixed;top:4rem;z-index:9999990;background-color:#b7623b;width:100%;height:100vh;display:flex;justify-content:space-between;overflow:hidden}.liner{margin-right:0;padding-right:0;width:5px;height:0%;background-color:#24382b;transition:height 1s ease,padding-right 1s ease 1.2s,margin-right 1s ease 1.2s;-webkit-backdrop-filter:blur(500px);backdrop-filter:blur(500px)}.liner:nth-last-of-type(2n){align-self:flex-end}.liner.aboutOpen{height:100%;margin-right:-26%;padding-right:26%}#contact{display:flex;flex-direction:column;box-sizing:border-box;justify-content:center;align-items:center;min-width:30px;width:100%;height:100vh;margin-top:3em;text-align:left;padding:0 10%;background:transparent}#formContainer{margin-top:0;width:90vw;height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#user_message,#message{width:90%;min-width:200px;max-width:900px;height:30px;border-radius:10px;margin-bottom:10px;padding:10px}#contactForm>button{height:40px;width:60px;margin-bottom:90px;border-radius:10px;border:.5px solid var(--borderColor)}label{font-weight:700}#contactForm>.contactInput{width:100%;min-width:200px;max-width:600px;height:20px;border-radius:10px;border:.5px solid var(--borderColor);padding:10px}#sendStatus{font-size:large;background-color:var(--secondary2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px;color:var(--textColor);width:90%;max-width:500px;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:center;opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1)}#sendStatus.sent{opacity:1}@media not (min-width:768px){#contact{margin-top:3em}#formContainer{margin-top:-60px}}