#welcomeOverlay{position:fixed;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease;font-size:1vw}#welcomeOverlay.visible{opacity:1;pointer-events:auto}.welcomeAscii{font-size:.8vw;padding-right:2vw}.welcomeLink{text-decoration:underline #c4a7e7;margin-top:0;color:#c4a7e7}.welcomeContainer{display:flex;flex-direction:column;width:50vw;height:100vh;gap:.5vw}.welcomeMain{position:relative;text-align:center;flex:1;overflow:hidden;align-items:center}.welcomeMain p{margin:0;padding:.5vw 0}.welcomeSecondary{display:flex;flex-direction:column;position:absolute;right:5vw;top:9.5vh;bottom:9.9vh;justify-content:space-between}#projectsOverlay{position:fixed;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}#projectsOverlay.visible{opacity:1;pointer-events:auto}.projectsContainer{font-size:1vh;display:flex;height:85vh;width:95vw;gap:35vw;margin-top:1vw}.projectsTitle{position:absolute;align-items:center;width:95vw;top:1vh}.projectsAscii{font-size:.8vw;text-align:center}.projectsAsciiLines{position:absolute;font-size:1vw}.leftColumn,.rightColumn{transform:translateY(5vh);flex:1;max-height:80vh;width:30vw;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:black #00000000;padding:1vw;border-radius:.2vw}.rightColumn{background:#000c;border-right:.2vw solid #016a4d;overflow-y:auto;direction:rtl}.rightColumn>*{direction:ltr}.leftColumn{background:#000c;border-left:.2vw solid #016a4d}.rightColumn{background:#000c;border-right:.2vw solid #016a4d}.projectsList{display:grid;gap:1.5vw;margin-top:1vw}.projectCard{background-color:#141414cc;padding:1.5vw;border-radius:.2vw;border-left:.2vw solid;border-right:.2vw solid}.incompleteProjects .projectCard{border-left-color:#016a4d;border-right-color:transparent}.completeProjects .projectCard{border-right-color:#016a4d;border-left-color:transparent}.projectCard h3{margin-top:0;color:#fff;font-size:1vw}.projectCard p{color:#ccc;font-size:1vw}.tags{display:flex;flex-wrap:wrap;gap:.5vw;margin:1vw 0}.tag{background:#333;padding:.3vw .6vw;border-radius:.2vw;font-size:1vw}.projectImage{max-width:100%;max-height:100%;border-radius:.4vw;margin-top:1vw}.link{display:inline-block;margin-top:1vw;color:#fdf0ed;text-decoration:none;font-size:1vw}#aboutMeOverlay{position:fixed;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none;transition:opacity .2s ease}#aboutMeOverlay.visible{opacity:1;pointer-events:auto}.aboutMeAscii{font-size:.8vw;text-align:center}.aboutMeContainer{display:flex;flex-direction:row;max-height:95vh}.aboutMeContainer h3{margin-top:.5vw;margin-bottom:.5vw}.aboutMeContainer p{margin-top:.5vw}#skillsOverlay{position:fixed;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s ease}#skillsOverlay.visible{opacity:1;pointer-events:auto}.skillsContainer{height:100vh;width:90vw;font-size:.8vw}.skillsAscii{font-size:.8vw;text-align:center}.skillsTitle{align-items:center}#settings{position:fixed;padding:1vh;margin:1vh;font-size:2vw;color:#fff}.settings-button{background:transparent;border:none;cursor:pointer;display:inline-block;transition:transform .8s ease;will-change:transform}.settings-button i{display:block}.settings-button.rotated{transform:rotate(60deg)}.dropdown{position:relative}.dropdown-content{display:block;position:absolute;border-radius:2vw;left:0;margin-top:1vh;transform:translateY(6vh);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;width:10vw;font-size:1.2vw;padding-left:1vw}.dropdown-content input{width:9vw;height:1vh}#zoomSpeed{-webkit-appearance:none;-moz-appearance:none;width:100%;height:.4vw;background:#fff3;border-radius:2vw;outline:none;margin:1vw 0}#zoomSpeed::-moz-range-thumb{width:1vw;height:1vw;border-radius:50%;background:#fff;border:none;cursor:pointer}#zoomSpeed::-webkit-slider-thumb{-webkit-appearance:none;width:1vw;height:1vw;border-radius:5vw;background:#fff;border:none;cursor:pointer;box-shadow:none}.dropdown-content a{color:#fff;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#323232e6}.dropdown.show .dropdown-content{display:block;opacity:1;visibility:visible}