:root{font-family:Jost,san-serif,system-ui;font-weight:400;--dark: #010204;--purple: #9747FF;--blue: #0559F3;--cyan: #2CD7D4;--orange: #FA931C;--purple-grad: linear-gradient(292deg, rgba(7,74,197,1) 0%, rgba(49,0,113,1) 38%, rgba(73,7,158,1) 60%, rgba(14,65,158,1) 96%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}html.light-theme{background-color:#fff;color:#010204}html.dark-theme{background-color:#010204;color:#fff}.page{margin:0}h1{text-align:center;font-family:Jost;font-size:4vw;font-style:normal;font-weight:600;line-height:normal;padding:.5rem;justify-content:center;align-items:center}h2{text-align:center;font-family:Jost;font-size:3vw;font-style:normal;font-weight:400;line-height:normal;padding:.5rem;justify-content:center;align-items:center}h3{text-align:Left;font-family:Jost;font-size:2vw;font-weight:500}p{text-align:center;font-family:Jost;font-size:2.5vw;font-weight:400}.app.light-theme{background-color:#fff;color:#010204}.app.dark-theme{background-color:#010204;color:#fff}.app.light-theme a{color:#010204}.app.light-theme a:not(.no-hover):hover{color:#9747ff}.app.dark-theme a{color:#fff}.app.dark-theme a:not(.no-hover):hover{color:#9747ff}.grow{padding:1vw;font-size:150%}.grow:hover{transform:scale(1.1);transition:.5s ease-in,.3s ease-out;transform-origin:center;color:#9747ff}.responsive-hide{opacity:1;transition:opacity .3s ease-in-out}@media screen and (max-width: 800px){.responsive-hide{opacity:0}}.switch{font-size:17px;position:relative;display:inline-block;width:60px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#73c0fc;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";height:22px;width:22px;border-radius:20px;left:4px;bottom:4px;z-index:2;background-color:#e8e8e8;transition:.4s}.sun svg{position:absolute;top:6px;left:36px;z-index:1;width:18px;height:18px}.moon svg{fill:#73c0fc;position:absolute;top:6px;left:6px;z-index:1;width:18px;height:18px}.sun svg{animation:rotate 15s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.moon svg{animation:tilt 5s linear infinite}@keyframes tilt{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.input:checked+.slider{background-color:#183153}.input:focus+.slider{box-shadow:0 0 1px #183153}.input:checked+.slider:before{transform:translate(30px)}.name-bg{width:30vw}.name-bg:hover{border-radius:2vw;background:linear-gradient(110deg,rgba(125,54,252,.75) 0%,rgba(5,89,243,.5) 50.19%,rgba(44,215,212,.25) 100%);opacity:.95}.bg-normal{position:fixed;width:100%;z-index:0;opacity:0;transition:opacity .3s ease-in}.bg-hovered{z-index:-1;opacity:.3;transition:opacity .3s ease-in}.ux-designer,.digital-instructor,.web-developer{display:inline-flex;width:22vw;margin:1.5vw;justify-content:center;align-items:center}.ux-designer:hover{font-weight:500;border-radius:.625rem;background:rgba(5,89,243,.25)}.digital-instructor:hover{font-weight:500;border-radius:.625rem;background:rgba(250,147,28,.25)}.web-developer:hover{font-weight:500;border-radius:.625rem;background:rgba(44,215,212,.25)}.work-card{width:48vw;height:27vw;position:absolute;display:flex;left:50%;transform:translate(-50%,-50%);border-radius:1rem;background-size:cover}li{list-style-type:none;padding:1.5vw;padding-left:1rem;font-size:1.5rem}.icon-container{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;width:2.5rem;height:2.5rem}.icon{display:flex;justify-content:center;align-items:center;line-height:1}.title{display:inline-flex;justify-content:center;align-items:center;margin-left:.5rem;opacity:0;transition:transform .5s ease-out,opacity .4s ease-out;transform:translate(-100%);text-shadow:1px 1px 1px #000000}.app.light-theme .title{color:#020406!important}.app.dark-theme .title{color:#fff!important}.container{display:grid;position:fixed;top:10rem;z-index:5}.workbutton{position:absolute;left:50%;transform:translate(-50%,-50%);bottom:2vw;width:15rem;height:3rem;background:linear-gradient(292deg,rgba(7,74,197,1) 0%,rgba(49,0,113,1) 38%,rgba(73,7,158,1) 60%,rgba(14,65,158,1) 96%);border-radius:.5rem;border:ridge;border-width:thin;border-color:#0559f34d;color:#fff;font-family:Jost,sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.8rem}.workbutton:hover{transform:translate(-50%,-50%) scale(1.05);font-weight:500}button{position:absolute;right:2vw;bottom:2vw;width:10vw;height:3vw;background:linear-gradient(292deg,rgba(7,74,197,1) 0%,rgba(49,0,113,1) 38%,rgba(73,7,158,1) 60%,rgba(14,65,158,1) 96%);border-radius:.5rem;border:ridge;border-width:thin;border-color:#0559f34d;color:#fff;font-family:Jost,sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5vw}button:hover{transform:scale(1.05);font-weight:500}.card{position:relative;width:64vw;height:36vw;left:50%;transform:translate(-50%,-50%);overflow:hidden;border-radius:20px;margin:2vw}.image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.content{position:absolute;bottom:0;left:0;width:100%;background-color:#061226b3;color:#fff;transition:height .3s ease;height:20%}.card-title{padding-left:2vw}.card-description{display:inline-flex;text-align:left;font-size:1.5vw;padding-left:2vw;padding-right:12vw;opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease}.card:hover .content{height:40%}.card:hover .card-description{opacity:1;transform:translateY(0)}