:root{font-family:Helvetica;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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,main,#root{height:100%;width:100%;margin:0}*{margin:0;padding:0;box-sizing:border-box}.pageContainer{display:flex;flex-direction:column;height:auto;width:100%;background-color:#262626}.navBar{display:flex;justify-content:center;align-items:center;position:sticky;top:0;height:50px;width:100%;flex-direction:row;background-color:#262626}.navBar .navElement{display:flex;justify-content:center;align-items:center;height:100%;background-color:#a51991;border:2px solid black;padding-left:20px;padding-right:20px}.navBar .navElement:hover{transform:scale(1.05);box-shadow:0 8px 20px #26262666;cursor:pointer}.navBar .navElement:active{transform:scale(.98)}.navBar .navElement h3{color:#fff}.footer{background-color:#262626;height:50px}.aboutContainer{height:auto;display:flex;flex-direction:column;background-color:#262626;padding:24px;border:3px solid rgba(165,25,145);border-radius:12px;box-shadow:0 8px 24px #00000059}.aboutContainer .aboutTitle{height:auto;display:flex;flex-direction:row;background-color:#262626;padding:24px}.aboutContainer .aboutTitle h1{color:#5f92bd}.aboutContainer .aboutBody{height:auto;display:flex;flex-direction:row;background-color:#262626}.aboutContainer .aboutBody .aboutParagraph{display:flex;flex-direction:column;flex:1;padding:24px;justify-content:center;align-items:center}.aboutContainer .aboutBody .aboutParagraph p{text-indent:2em;color:#ddd}.aboutContainer .aboutBody .aboutProfile{display:flex;flex:1;padding:24px;justify-content:center;align-items:center}.aboutContainer .aboutBody .aboutProfile img{height:100%;width:100%}.projectsContainer{background-color:#262626;padding:24px;border:3px solid rgba(165,25,145);border-radius:12px;box-shadow:0 8px 24px #00000059}.projectsContainer .projectsTitle{height:auto;display:flex;flex-direction:column;background-color:#262626;padding:24px}.projectsContainer .projectsTitle h1{color:#5f92bd;font:bold Arial;text-decoration:underline}.projectsContainer .projectContainer{height:auto;display:flex;flex-direction:row;background-color:#262626;padding:24px}.projectsContainer .projectContainer .projectText{height:auto;display:flex;flex-direction:column;flex:1}.projectsContainer .projectContainer .projectText .projectTitle{height:auto;display:flex;justify-content:center;align-items:center;padding:24px}.projectsContainer .projectContainer .projectText .projectTitle h2{color:#fff;font:700 32px Arial}.projectsContainer .projectContainer .projectText .projectDescription{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px}.projectsContainer .projectContainer .projectText .projectDescription p{text-indent:2em;color:#ddd;font:Arial}.projectsContainer .projectContainer .projectImg{display:flex;flex:1;justify-content:center;align-items:center}.projectsContainer .projectContainer .projectImg img{height:100%;width:100%;object-fit:contain}.contactContainer{background-color:#262626;padding:24px;border:3px solid rgba(165,25,145);border-radius:12px;box-shadow:0 8px 24px #00000059}.contactContainer .messagebox{width:100%}.contactContainer h1{color:#5f92bd}.contactContainer h6{color:#ddd}.contactContainer textarea::placeholder{color:#000}.landingContainer{background-color:#333;display:flex;height:100vh;justify-content:center;align-items:center}.textAnimationContainer{height:50%;width:50%;background-color:#00a;display:flex;justify-content:center;align-items:center}.textAnimationContainer h2{color:#fff}canvas{background-color:#262626;height:100%;width:100%}.center-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:999}.top-text{font:700 64px Arial;white-space:nowrap}.bottomtext{margin-top:20px;font:700 32px Arial;display:flex;justify-content:center;align-items:center;gap:8px;color:#fff}.bottomtext:hover{transform:scale(1.05);box-shadow:0 8px 20px #26262666;cursor:pointer}.bottomtext:active{transform:scale(.98)}#text1{color:#fff;opacity:0;z-index:999}#text2{color:#0096aa;opacity:0;z-index:999}#text3{color:#fff;opacity:0;z-index:999;border:2px solid rgba(255,255,255,255);padding:8px 16px;border-radius:8px;background-color:#262626a6}