#root{margin:0 auto;text-align:center}body{margin:0;display:flex;min-width:320px}html,body{min-height:100%;overflow-x:hidden}header{display:flex;flex-direction:row;justify-content:space-between;height:30vh;width:100vw}.logoContainer{display:flex;margin:10px 2rem}.navigation{margin-right:2rem}.name{padding-left:1rem}svg{width:50px;height:50px}ul{display:flex;flex-direction:row;justify-content:space-around;list-style-type:none}.menuList li{cursor:pointer;margin:10px 15px}.menuList li:hover{background-image:linear-gradient(45deg,#99d98c,#52b69a);background-size:110%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.splashSection{display:flex;flex-direction:column;align-items:center;min-height:70vh}.splashButton{max-width:220px}.mainHeading{padding-top:4em;background-image:linear-gradient(45deg,#b5e48c,#99d98c,#52b69a,#168aad,#1e6091);background-size:300%;background-position:left;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;animation:text-color 5.5s infinite alternate}@keyframes text-color{0%{background-position:left}to{background-position:right}}.splashButton{margin-top:1.5em;padding:1em 2.2em;font-size:1.1em;font-weight:500}@keyframes borderRotate{to{--angle: 420deg}}.mouse{margin-top:20vh;align-self:center;width:30px;height:60px;border:2px solid #1e6091;border-radius:60px;animation:mouseChange 4s linear 60ms alternate infinite none;position:relative}.mouse:before{content:"";width:8px;height:8px;position:absolute;top:10px;left:50%;transform:translate(-50%);background-color:#168aad;border-radius:50%;opacity:1;animation:wheel 2s infinite;-webkit-animation:wheel 2s infinite}@keyframes mouseChange{0%{border-color:#1e6091}33%{border-color:#168aad}66%{border-color:#168aad}to{border-color:#52b69a}}@keyframes wheel{to{opacity:0;top:40px}}@-webkit-keyframes wheel{to{opacity:0;top:40px}}.projects{padding-top:10vh;margin:0vh auto 45vh}.projecSectiontHeading{color:#168aad}.projectButton{margin:1em;padding:1em 1.9em}.projectContainer{display:flex;justify-content:center;flex-wrap:wrap}.project{display:flex;justify-content:space-around;background-image:linear-gradient(45deg,#1e6091,#168aad,#52b69ab7);border-radius:5px;padding:2em;min-height:10rem;width:70vw;margin:3em}.project button{border-radius:5px;max-width:40%}.leftWrapper,.rightWrapper{margin:10px}.leftWrapper{display:flex;align-items:center}.rightWrapper{display:flex;flex-direction:column;justify-content:space-between;align-items:center}img{max-width:40vw;height:auto}.featureList{display:flex;flex-direction:column;margin-top:5%}.featureList li{max-width:70%;text-align:left;font-size:12px;margin:5px}.featureList h4{font-size:12px}.about{display:flex;flex-direction:column;justify-content:space-around;margin:5em 5em 35vh}.aboutContainer{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.aboutText{max-width:50vw;min-height:20vw}.aboutParagraph{padding-top:1em;text-align:justify;line-height:2}.aboutSkills{display:flex;flex-direction:column;max-width:25vw}.skillList{display:flex;flex-direction:row;flex-wrap:wrap}.skill{margin-right:.5em;margin-bottom:1em;padding:.5rem 1rem;background-color:#1e6091;font-size:smaller;font-weight:600}.contact{margin:5em 5em 40vh}.contactContainer{position:relative}footer{display:flex;flex-direction:row-reverse}.leftFooter{width:40%;font-size:smaller}.leftFooter p{text-align:justify}@media (max-width: 500px){header{height:20vh}h2{font-size:16px}.logoContainer{display:none}.navigation{width:100%;margin:0}.splashSection,.projects{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:100vw}.splashSection{min-height:60vh}.splashSection h1{font-size:32px}.mainHeading{margin-top:1%}.mouse{display:none}.projects,.about{margin:10vh auto 20vh}.projects .project{flex-direction:column}.leftWrapper{justify-content:center}.projectImage{min-width:65vw}.featureList li{align-self:center;text-align:center}.about{display:flex;flex-direction:column}.aboutContainer{flex-direction:column}.aboutText,.aboutSkills{align-self:center;max-width:85vw}}@media (max-width: 800px) and (orientation: landscape){.mainHeading{padding-top:.3em}.logoContainer,.mouse{display:none}.navigation{display:flex;justify-content:center;width:100%;margin:0}.menuList{align-self:center;margin-right:0;width:80%}}@media (max-width: 1100px) and (orientation: landscape){header{height:25vh}.mouse{display:none}.menuList{align-self:center;margin-right:0;width:80%}.mainHeading{padding-top:.6em}}#line1{stroke:#b5e48c;stroke-dasharray:1150;stroke-dashoffset:1150;animation-name:draw,colorChange;animation-duration:1.9s,4s;animation-delay:5ms,1.91s;animation-timing-function:linear,linear;animation-direction:normal,alternate;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none}#line2{stroke:#b5e48c;stroke-dasharray:1020;stroke-dashoffset:1020;animation-name:draw,colorChange;animation-duration:1.8s,5s;animation-delay:5ms,1.81s;animation-timing-function:linear,linear;animation-direction:normal,alternate;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none}#line3{stroke:#b5e48c;stroke-dasharray:1050;stroke-dashoffset:1050;animation-name:draw,colorChange;animation-duration:1.95s,4s;animation-delay:5ms,1.96s;animation-timing-function:linear,linear;animation-direction:normal,alternate;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none}#line4{stroke:#b5e48c;stroke-dasharray:1438.6812744140625;stroke-dashoffset:1438.6812744140625;animation-name:draw,colorChange;animation-duration:1.95s,5.5s;animation-delay:5ms,1.96s;animation-timing-function:linear,linear;animation-direction:normal,alternate;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none}#line5{stroke:#b5e48c;stroke-dasharray:1356.572509765625;stroke-dashoffset:1356.572509765625;animation-name:draw,colorChange;animation-duration:2.05s,5.5s;animation-delay:5ms,2.06s;animation-timing-function:linear,linear;animation-direction:normal,alternate;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none}@keyframes draw{0%{stroke-dashoffset:1000;opacity:0}30%{opacity:1}to{stroke-dashoffset:0}}@keyframes colorChange{0%{stroke:#b5e48c}25%{stroke:#99d98c}50%{stroke:#52b69a}75%{stroke:#168aad}to{stroke:#1e6091}}.background-image{position:absolute;top:0;left:0;width:100%;height:30%;object-fit:cover;z-index:-1;opacity:.5}@media (max-width: 500px){.background-image,.background-image2{height:25%}}@media (max-width: 950px){.background-image,.background-image2{height:22%}}@media (orientation: landscape) and (max-width: 1250px){.background-image,.background-image2{height:45%}}.background-image2{transform:translateY(-33%) rotate(180deg) scaleX(-1);position:absolute;top:100;left:0;width:100%;height:25%;object-fit:cover;z-index:-1;opacity:.3}*{padding:0}html{background-color:var(--dark-background)}:root{font-family:Courier New,Courier,monospace;line-height:1.5;padding:0;color-scheme:light dark;color:var(--dark-mode-text);--dark-background: #242424;--light-background: #ffffff;--light-mode-text: #213547;--dark-mode-text: rgba(255, 255, 255, .87);--link-color: #646cff;--dark-link-hover-color: #535bf2;--light-link-hover-colo: #747bff;--light-button-color: #f9f9f9;--button-border-hover: #213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{margin:1em 2em;font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--dark-link-hover-color)}h1{font-size:3.2em;line-height:1.1;font-weight:lighter}button{border:2px solid transparent;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .2s}button:hover{border-color:var(--button-border-hover)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:var(--light-background)}a:hover{color:var(--light-link-hover-colo)}button{background-color:var(--light-button-color)}}