@keyframes growShrink{0%{width:30px;height:30px}50%{width:35px;height:35px}to{width:30px;height:30px}}@keyframes flashing{0%{background-color:#c22c4c;border:2px solid #ff4470}50%{background-color:#ff4470;border:2px solid #c22c4c}to{background-color:#c22c4c;border:2px solid #ff4470}}@keyframes rapidRotation{0%{transform:translate(-50%,-30%) rotate(45deg)}25%{transform:translate(-50%,-30%) rotate(90deg)}to{transform:translate(-50%,-30%) rotate(405deg)}}html,body{width:100%;height:100%;scroll-behavior:smooth;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0}body{background-color:#373646;transition:background-color .3s;color:#c8c8c8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-ms-overflow-style:auto;scrollbar-width:auto;overflow-x:hidden;overflow-y:auto;height:100%}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background-color:#c22c4c;border-radius:6px;border:3px solid #c8c8c8}::-webkit-scrollbar-track{background-color:#c8c8c8;border-radius:6px}::-webkit-scrollbar-button{display:none}.fourOhFour{text-align:center}label{display:block}input,button,select,textarea{font-family:inherit;font-size:inherit;-webkit-padding:.4em 0;padding:.4em;margin:0 0 .5em;box-sizing:border-box;border:1px solid #ccc;border-radius:2px}input:disabled{color:#ccc}button{color:#333;background-color:#f4f4f4;outline:none}button:disabled{color:#999}button:not(:disabled):active{background-color:#ddd}button:focus{border-color:#666}.red-text{color:#c22c4c}.app{text-align:center}.top{height:100vh}.my-name{position:relative;top:30px;background-color:#1f1827;color:#c8c8c8;padding:10px 23px 10px 40px;width:fit-content;margin:0;-webkit-clip-path:polygon(0 0,0 100%,90% 100%,100% 60%,100% 0);clip-path:polygon(0 0,0 100%,90% 100%,100% 60%,100% 0)}.about-panel{position:relative;margin-top:15vh;margin-left:70px;width:384px;font-size:x-large}.closed-about-panel{cursor:pointer;width:30px;height:30px;border-radius:4px;background-color:#c22c4c;transform:translate(-50%,-30%) rotate(45deg);animation:growShrink 2s infinite,flashing 2s infinite}@media (hover: hover){.closed-about-panel:hover{animation:growShrink 2s infinite,flashing 2s infinite,rapidRotation 2s infinite}}.closed-about-panel{position:absolute;top:50px;left:240px}.about-text{border-radius:4px;border:solid 1px #c22c4c;padding:20px;margin:0;background-color:#1f1827e8;color:#c8c8c8}.rhombus{cursor:pointer;width:30px;height:30px;border-radius:4px;background-color:#c22c4c;transform:translate(-50%,-30%) rotate(45deg);animation:growShrink 2s infinite,flashing 2s infinite}@media (hover: hover){.rhombus:hover{animation:growShrink 2s infinite,flashing 2s infinite,rapidRotation 2s infinite}}.rhombus{position:absolute;transform:translate(-50%,-30%) rotate(45deg)}.closed-about-text{display:none}h1{background-color:#1f1827;color:#c8c8c8;text-transform:uppercase;font-size:4em;font-weight:700;margin-top:0}button{background-color:#900057;color:#fff;border:none;border-radius:4px;padding:.5rem;text-transform:uppercase}.text1{color:#78b0a0;font-size:3em;font-weight:300}.text2{position:absolute;top:0%;left:50%;transform:translate(-50%);color:#c8c8c8;font-size:1.5em;font-weight:300;margin:0;width:100%}.copyright{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;bottom:10px;color:#bac1b8;font-size:medium;letter-spacing:1px}.scroll-prompt{position:absolute;bottom:40px;left:40px;align-items:center;cursor:pointer;mix-blend-mode:difference}.scroll-prompt-text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:medium;font-weight:700;color:#bac1b8;text-orientation:sideways-right;writing-mode:vertical-lr;transform:rotate(-180deg);letter-spacing:4px;margin-left:-50%;margin-bottom:5px}.scroll-prompt-line-container{height:70px;width:2px;background-color:transparent}.scroll-prompt-line{height:70px;width:2px;transform:rotate(-180deg);animation:line 3s ease-out infinite}@keyframes line{0%{background-color:#bac1b8;height:0px}90%{background-color:#bac1b8;height:70px}to{background-color:transparent}}.socials{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;display:flex;flex-direction:column;gap:10px;padding:10px;right:0;bottom:0;z-index:1}.socials:before{content:"";position:absolute;inset:0;-webkit-clip-path:polygon(0 20%,0 100%,100% 100%,100% 0,30% 0);clip-path:polygon(0 20%,0 100%,100% 100%,100% 0,30% 0);background-color:#c8c8c8}.social{width:40px;height:40px;-webkit-tap-highlight-color:transparent;z-index:1}.tooltip{position:relative;display:inline-block;cursor:pointer;z-index:1}.tooltip .tooltiptext{visibility:hidden;width:fit-content;background-color:#c22c4c;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;bottom:20%;right:120%;white-space:nowrap}.tooltip .tooltiptext:after{content:" ";position:absolute;top:50%;left:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent #c22c4c}.tooltip:hover .tooltiptext{visibility:visible}.project{width:90%;height:450px;margin:auto auto 20px;border-width:1px;border:#c8c8c8 1px solid;display:flex;border-radius:4px}.project-content{width:30%;height:100%;background-color:#1f1827;border-color:#c8c8c8;font-size:x-large;display:flex;flex-direction:column;justify-content:space-evenly}.project-title,.project-description{margin-top:0;margin-bottom:0}.project-logos{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;gap:15px;align-self:center}.project-logos .logo{height:40px;width:auto;vertical-align:middle}.project-gif{height:100%;width:70%;background-size:cover}.project-links{display:flex;align-self:center;gap:15px;flex-wrap:wrap;justify-content:space-around}.project-link{color:#c8c8c8;background-color:#1f1827;text-decoration:none;padding:5px;background:linear-gradient(to left,#1f1827 50%,#c8c8c8 50%) right;background-size:200%;transition:.3s ease-out;border:#c8c8c8 1px solid;border-radius:4px}.project-link:hover{background-position:left;color:#1f1827;text-decoration:none}.backToTop{position:relative;background-color:#373646;color:#c8c8c8;text-transform:uppercase;font-size:x-large;font-weight:700;border-radius:5px;border:#c8c8c8 1px solid;cursor:pointer;margin-bottom:20px}.backToTop:hover{background-color:#c8c8c8;color:#1f1827;transition:background-color .3s ease-in-out,color .3s ease-in-out}#canvas-container{position:absolute;top:0;width:100vw;height:100vh;margin:auto}@media (max-width: 1023px){h1{font-size:3em}.app{max-width:none}.about-panel{position:absolute;margin:auto;width:90vw;top:50%;left:50%;transform:translate(-50%,-50%)}.copyright{font-size:small}.scroll-prompt{display:flex;gap:7px;bottom:10px;left:20px}.scroll-prompt-line,.scroll-prompt-line-container{height:90px}.scroll-prompt-text{font-size:small}@keyframes line{0%{background-color:#bac1b8;height:0px}90%{background-color:#bac1b8;height:90px}to{background-color:transparent}}.project{height:550px}.project-content{width:100%;font-size:large;border-radius:4px 4px 0 0}.project-gif{width:100%;border-radius:0 0 4px 4px}}