html{height:100%;width:100%;box-sizing:border-box;--textcolor: #d1d1d1;--firstcolor: #1d1d20;--secondcolor: #598392;--thirdcolor: #aec3b0;--fourthcolor: #eff6e0;--fifthcolor: #8e5572;--fifthcolor2: #c97b84;--welcomesize: 6rem;--welcomeweight: 200;--titlesize: 2rem;--textsize: 1.1rem;--textweight: 300;--blackborder: 1px black solid;--whiteborder: 1px white solid;--redborder: 1px red solid;--orangeborder: 1px orange solid;--yellowborder: 1px yellow solid;--greenborder: 1px lightgreen solid;--blueborder: 1px lightblue solid;--purpleborder: 1px lavender solid;--pinkborder: 1px pink solid;--transitionspeedfast: .3s;--transitionspeedmid: .5s;--transitionspeedslow: .7s;--leftborderpadding: 25px}body{letter-spacing:.5px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background:var(--firstcolor);color:var(--textcolor);font-family:Roboto,sans-serif;font-weight:300;font-size:1.1rem;height:100%;width:100%;margin:0}#root{padding:10px}nav{display:flex;flex-direction:row;justify-content:space-between}svg{fill:var(--textcolor);height:50px;opacity:.5;transition:var(--transitionspeedmid)}svg:hover{opacity:.9}ul{padding:0;list-style-type:none}.nav-links{display:flex;flex-direction:row;gap:50px;list-style-type:none;margin:0}.logo{margin-left:20px;margin-top:0;margin-bottom:0;transition-duration:.5s}.logo:hover{transform:scale(2)}.logo-div{display:flex;flex-direction:column;justify-content:center}.shadowed-box{padding:25px;border-radius:10px;box-shadow:0 0 15px #d1d1d14d;transition:var(--transitionspeedmid);display:flex;flex-direction:column;justify-content:stretch}.content-box{display:flex;align-self:stretch;min-height:650px;max-width:1200px}.shadowed-box:hover{box-shadow:0 0 15px #d1d1d1}.details-box{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:70%;height:auto;margin-bottom:50px}.details-holder{max-width:85%;height:auto;position:relative}.list-box{display:flex;flex-direction:column;justify-content:center;width:30%}.welcome{font-size:var(--welcomesize);font-weight:var(--welcomeweight);margin:0;padding-bottom:10px;letter-spacing:2}.hidden{opacity:0;-webkit-user-select:none;user-select:none;z-index:-5}.footer{display:flex;flex-direction:row;justify-content:end;opacity:.5;font-size:.9rem}@media (max-height: 772px){body{align-items:flex-start}}@media (max-width: 960px){.content-box{flex-direction:column;align-items:center;max-width:700px}.details-box{width:100%;padding-bottom:20px;padding-top:20px}.details-holder{max-width:100%}.list-box{width:100%;align-self:start}}@media (max-width: 480px){.welcome{font-size:20vw}.nav-links{gap:25px}}@media (max-width: 325px){.nav-links{gap:2px}}.project-list-title{font-size:var(--titlesize);font-weight:var(--titleweight);margin:0}.project-list-items{position:relative;list-style-type:none;font-size:var(--textsize);font-weight:var(--textweight);padding:var(--leftborderpadding);border-radius:10px;display:flex;flex-direction:column;gap:15px}.project-list-text{padding:2px;border-bottom:2px rgba(209,209,209,.5) solid;z-index:+1;cursor:pointer;transition:var(--transitionspeedfast)}.project-list-text:hover{letter-spacing:1px}.project-list-border{position:absolute;top:0;left:0;border-top-left-radius:10px;border-top:2px rgba(209,209,209,.5) solid;border-left:2px rgba(209,209,209,.5) solid;z-index:-1;width:120px;height:100px}.absolute-positioning{left:0;top:0;position:absolute;height:100%}.open-left-trans{transform:scaleX(1);transform-origin:left;transition:var(--transitionspeedfast)}.closed-right{transform:scaleX(0);transform-origin:right}.closed-right-trans{transform:scaleX(0);transform-origin:right;transition:var(--transitionspeedfast)}.open-right{transform:scaleX(1);transform-origin:right}.open-right-trans{transform:scaleX(1);transform-origin:right;transition:var(--transitionspeedfast)}.open-left{transform:scaleX(1);transform-origin:left}.closed-left-trans{transform:scaleX(0);transform-origin:left;transition:var(--transitionspeedfast)}@media (max-width: 950px){.open-left-trans{transform:scaleY(1);transform-origin:top}.closed-right,.closed-right-trans{transform:scaleY(0);transform-origin:bottom}.open-right,.open-right-trans{transform:scaleY(1);transform-origin:bottom}.open-left{transform:scaleY(1);transform-origin:top}.closed-left-trans{transform:scaleY(0);transform-origin:top}}.project-links{font-size:var(--textsize);font-weight:var(--textweight);padding-left:var(--leftborderpadding);border-radius:10px;display:flex;flex-direction:row;gap:15px}.project-link{color:var(--textColor);padding:2px;border-bottom:2px rgba(209,209,209,.5) solid;cursor:pointer;transition:var(--transitionspeedfast);text-decoration:none}.project-link:hover{color:#fff}.para-text{padding-left:var(--leftborderpadding)}.project-title{font-size:var(--titlesize);font-weight:var(--titleweight);margin-top:35px}.project-outline{border-left:2px rgba(209,209,209,.5) solid}@media (max-width: 480px){.project-outline{padding-right:10px}}