:root{--text-color: black;--bg-color: rgba(230, 230, 232, 1) 0%;--welcome-logo: rgb(51, 51, 51);--career-title: rgb(0, 86, 199);--text-shadow: rgba(187, 187, 187, .562);--cursor-light: radial-gradient( circle, rgba(243, 247, 255, .432) 0%, rgba(255, 255, 255, 0) 70% );--tag-color: rgb(11, 158, 126);--card-color: linear-gradient( 90deg, rgba(216, 225, 232, 1) 0%, rgba(237, 244, 252, 1) 65% )}.darkMode{--text-color: white;--bg-color: rgba(28, 28, 28, 1) 0%;--welcome-logo: rgb(247, 247, 247);--career-title: rgb(14, 218, 184);--text-shadow: rgba(214, 214, 214, .562);--cursor-light: radial-gradient( circle, rgb(17, 29, 36) 0%, rgba(255, 255, 255, 0) 70% );--tag-color: rgb(11, 158, 126);--card-color: linear-gradient( 90deg, rgba(15, 15, 15, 1) 0%, rgba(31, 31, 31, 1) 65% )}body{margin:0;font-family:Roboto Condensed,sans-serif;overflow-x:hidden;color:var(--text-color);background:var(--bg-color);font-size:1.1rem;font-weight:400;-webkit-transition:all .4s;transition:all .4s;overflow:hidden}a{text-decoration:none;color:var(--text-color)}nav{display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;padding:0 2.2rem;z-index:10}button{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-family:Roboto Condensed,sans-serif;border-style:none;padding:15px 25px;font-size:1.1rem;-webkit-transition:all .25s;transition:all .25s;align-items:center;gap:.6em}.headerButton{margin-right:15px;width:11.5rem;justify-content:center}.contactMe{background:linear-gradient(90deg,#0091eb,#0071d4);color:#fff}.contactMe:hover{transform:scale(1.05);box-shadow:0 0 10px 5px #5dccffc9;cursor:pointer}.contactMe:active{transform:scale(1.03)}.downloadCV{background:transparent;color:#0091eb;border-style:solid;border-color:#0091eb;border-width:1px;font-weight:550}.downloadCV:hover{transform:scale(1.05);background-color:#00aeff3a;cursor:pointer}.downloadCV:active{transform:scale(1.03)}#behind-canvas{display:flex;position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1}#canvas-container{height:100vh;width:100vw}#page-hidden{z-index:10;opacity:0}#page-container{z-index:10;opacity:1;transition-delay:.5s;transition-duration:.7s;transition-property:opacity;margin:0}.welcome-title{color:var(--welcome-logo);text-shadow:-5px 5px 3px var(--text-shadow);font-size:4.75rem;font-weight:600;font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%,-120%)}.title-fade{color:var(--welcome-logo);text-shadow:-5px 5px 3px var(--text-shadow);font-weight:600;font-style:italic;position:absolute;top:50%;left:50%;transform:translate(-50%,-120%);font-size:36rem;opacity:0;transition-duration:.8s;transition-property:opacity,font-size}nav ul{list-style:none;display:flex}nav li{margin-left:10px;margin-right:10px}.header-intro{position:relative;top:25vh;justify-self:center;width:40%}.themeButton{position:absolute;top:15px;right:60px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;cursor:pointer}.svgButton{-webkit-transition:all .2s;transition:all .2s;cursor:pointer}.svgButton:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.svgButton:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.navButtonClicked{-webkit-transform:scale(.25,1);transform:scaleX(.25)}.navButtonClicked:hover{-webkit-transform:scale(.325,1.3);transform:scale(.325,1.3)}.navButtonClicked:active{-webkit-transform:scale(.275,1.1);transform:scale(.275,1.1)}li{transition:all 1s}.navElementsHide{-webkit-transform:translateX(-130%);transform:translate(-130%);opacity:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.careerTitle{color:var(--career-title)}.skillTitle{justify-self:center;text-align:center;font-size:2rem;margin:2.5rem 0 1rem}.techContainer{margin:0 20%;margin-bottom:1rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.techTag{color:#fff;padding:.8rem 1.2rem;margin:0 .5rem;transition:all .3s}.techTag:hover{transform:scale(1.1);filter:hue-rotate(30deg)}.profileFrame{transform:rotate(5deg)}.profilePhoto{width:80%;padding:.5rem .5rem 3rem;background-color:#fff;-webkit-user-select:none;user-select:none}.projectContainer{width:100%;height:48rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-self:center;justify-self:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative}.projectCard{background:var(--card-color);height:40rem;width:48rem;-webkit-transition:all .5s;transition:all .5s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.activeProject{z-index:5}.leftProject{position:absolute;-webkit-transform:scale(.85) translateX(-40%) translateY(5%) rotateY(30deg);transform:scale(.85) translate(-40%) translateY(5%) rotateY(30deg);-webkit-filter:brightness(70%);filter:brightness(70%);z-index:4;-webkit-user-select:none;user-select:none}.farLeftProject{position:absolute;-webkit-transform:scale(.7) translateX(-88%) translateY(10%) rotateY(60deg);transform:scale(.7) translate(-88%) translateY(10%) rotateY(60deg);-webkit-filter:blur(1px) brightness(40%);filter:blur(1px) brightness(40%);z-index:3;-webkit-user-select:none;user-select:none}.fadeLeftProject{position:absolute;-webkit-transform:scale(.5) translateX(-140%) translateY(15%) rotateY(90deg);transform:scale(.5) translate(-140%) translateY(15%) rotateY(90deg);-webkit-filter:blur(1px) brightness(10%);filter:blur(1px) brightness(10%);opacity:0;z-index:2;-webkit-user-select:none;user-select:none}.rightProject{position:absolute;-webkit-transform:scale(.85) translateX(40%) translateY(5%) rotateY(-30deg);transform:scale(.85) translate(40%) translateY(5%) rotateY(-30deg);-webkit-filter:brightness(70%);filter:brightness(70%);z-index:4;-webkit-user-select:none;user-select:none}.farRightProject{position:absolute;-webkit-transform:scale(.7) translateX(88%) translateY(10%) rotateY(-60deg);transform:scale(.7) translate(88%) translateY(10%) rotateY(-60deg);-webkit-filter:blur(1px) brightness(40%);filter:blur(1px) brightness(40%);z-index:3;-webkit-user-select:none;user-select:none}.fadeRightProject{position:absolute;-webkit-transform:scale(.5) translateX(140%) translateY(15%) rotateY(-90deg);transform:scale(.5) translate(140%) translateY(15%) rotateY(-90deg);-webkit-filter:blur(1px) brightness(10%);filter:blur(1px) brightness(10%);opacity:0;z-index:2;-webkit-user-select:none;user-select:none}.projectButton{position:absolute;top:50%;transform:translateY(-100%);z-index:6}.projectImage{width:100%;-webkit-user-select:none;user-select:none}.projectTitle:hover{text-decoration:underline}.techBadgeContainer{position:absolute;bottom:.5rem;right:.5rem}.techBadges{width:2rem;height:2rem;padding:.2rem;-webkit-user-select:none;user-select:none;transition:all .3s}.techBadges:hover{transform:scale(1.2)}.footer{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-justify-self:center;justify-self:center;padding:0 10rem;width:80%;bottom:5rem}.footerRights{letter-spacing:.2rem;cursor:pointer;text-align:center}#cursor{position:absolute;width:35rem;height:35rem;border-radius:50%;visibility:hidden;transform:translate(-50%,-50%);z-index:-2}body:hover #cursor{background:var(--cursor-light);visibility:visible}#page1{height:100vh;width:100vw}#page2{top:100vh;height:100vh;width:100vw}#page3{top:200vh;height:100vh;width:100vw}#page4{top:300vh;height:100vh;width:100vw}.pageTitle{text-align:center;font-size:4rem;margin:1rem}@media (max-width: 1250px){body{font-size:1.5rem}.welcome-title{font-size:5rem}.pageTitle{font-size:3.5rem}.header-intro{width:70%;top:50%;-webkit-transform:translateY(-70%);transform:translateY(-70%);margin:0 auto}.techContainer{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:6rem;min-height:4rem;margin:.2rem}.projectCard{height:50rem;width:40rem}.projectContainer{height:60rem}.projectButton{-webkit-transform:translateY(-200%);transform:translateY(-200%)}}@media (max-width: 768px){body,button{font-size:.8rem}.welcome-title{font-size:3rem}.headerButton{width:9.5rem}.header-intro{width:75%}.themeButton{top:15px;right:1.5rem}nav{margin:.6rem 0rem}.pageTitle{font-size:2.5rem;margin:0rem}.headerButton{width:8.5rem;padding:10px 15px}.skillTitle{font-size:1.3rem;margin:0rem 0 .5rem}.techContainer{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.techTag{margin:.4rem;padding:.4rem .8rem}.projectContainer{height:35rem}.projectButton{width:5rem}.projectCard{height:30rem;width:18rem}.techBadges{width:1.5rem;height:1.5rem}.footer{padding:0;display:block}.footerContacts{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-evenly;-ms-flex-pack:distribute;justify-content:space-evenly;width:100%}.footerRights{text-align:center;width:100%}}