@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";*{box-sizing:border-box;margin:0;padding:0;transition:all .22s ease-in-out;font-family:JetBrains Mono,sans-serif!important}:root{box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-color:#1e1e1e;--background-color:#ebebeb;--background-color-hover:#ebebeb;--secondary-color:#c22ba9;margin:0;padding:0;font-weight:400;line-height:1.5;text-decoration:none}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text-color:#dbdbdb;--background-color:#1e1e1e;--background-color-hover:#272727}}header h1{font-size:700px}.container{border:1px solid #000;border-radius:5px;margin:20px 100px;padding:20px;position:relative}.container *{text-align:center}.hover:hover{cursor:pointer;transform:translateY(2.5px)}.hover:active{cursor:pointer;transform:translateY(5px)}.flex{display:flex!important}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.button{box-sizing:border-box;background:var(--background-color);color:var(--text-color);border:1.5px solid var(--text-color);border-radius:2px;width:600px;height:60px;margin:20px auto 0;padding:0;text-decoration:none}@media (width<=768px){.button{width:320px;margin:20px auto 0}}.button .contents{display:flexbox!important}.button p{text-align:center;margin-top:-36px}.align-left{margin-top:13px;margin-left:15px;align-items:left!important}.right-align{margin-top:-30px;margin-right:15px;text-align:end!important;align-items:right!important}.flex Svg,.flex svg{width:35px}.button .icon{fill:var(--text-color)}.App{text-align:center}.project-list{flex-wrap:wrap;justify-content:center;display:flex}.project-card{background:var(--background-color);border:1px solid var(--text-color);cursor:pointer;border-radius:5px;margin:10px;padding:20px;overflow:hidden}.project-card img{transition:transform .5s}.project-card:hover{background-color:var(--background-color-hover)}.project-card:hover img{transform:scale(1.05)}.project-popout{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popout-content{background:var(--background-color);border-radius:10px;margin:auto 40px;padding:20px;position:relative}.close-button{cursor:pointer;position:absolute;top:10px;right:10px}img{border-radius:5px;max-width:100%;height:auto}.about-container{flex-direction:column;margin-top:20px;margin-left:300px;margin-right:300px;display:flex}.about-container p{margin:30px 0 0}@media (width<=1000px){.about-container{margin-top:20px;margin-left:20px;margin-right:20px}}