*{border:0px;margin:0;padding:0;-webkit-user-select:none;user-select:none;color:#fff;font-weight:200;overscroll-behavior:none;overflow-x:hidden}html,body,#root{width:100vw;height:100vh;background-color:#2e2e2e}.page{width:100vw;height:100vh;overflow:hidden}.about{width:100vw;min-height:100vh;overflow:hidden}.main{display:flex;flex-direction:column;justify-content:center;background-color:#21212174;align-items:center;background-image:url(/assets/mainbg-B39jAIpK.jpg);background-size:cover;background-blend-mode:overlay;background-attachment:fixed;text-align:center}img{-webkit-user-drag:none}.avatar{width:20vh;height:20vh;object-fit:contain;border-radius:100%;border:2px solid white;transition:all .3s}.avatar:hover{border:2px solid rgb(87,215,181)}.row{display:flex;flex-direction:row;gap:10px}button{background:#3dbd9f;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);filter:drop-shadow(0 0 .5rem #3fc4a5);padding:.5rem;border-radius:10px;transition:filter .5s,background .5s}button:hover{filter:drop-shadow(0 0 1.5rem #47e4bf);background:#47e4bf}button:active{background:#50ffd6}@keyframes flyin{0%{transform:translateY(100px)}to{transform:translateY(0)}}.subtitle,.btn-box{animation:flyin .4s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.avatar{animation:fadein 1s}.projects{background-color:#424242c3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:95%;height:95%;animation:flyin .4s;border-radius:10px;justify-content:none;align-items:start;padding:2px 2px 2px 1em;padding-top:1rem;text-align:left}.center{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.ret-button{min-width:8%;position:absolute;right:20px;top:1rem}label{font-size:large}input[type=text]{background:#5858584b;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:gray 2px solid;outline:none;transition:all .4s;height:20px}input[type=text]:focus{border-bottom:rgb(0,225,255) 2px solid}.project-frame{width:calc(98% - .5em);height:calc(98% - 50px);overflow:hidden}.frame{margin-top:5px;overflow-y:auto;overflow-x:hidden;border:1px solid #bcbcbc;border-radius:5px;width:100%;height:calc(100% - 20px)}.card{background-color:#313131;border-radius:5px;margin:2px 2px 5px;padding:10px}.card-title{text-decoration:underline transparent;transition:text-decoration .3s}.card-title:hover{text-decoration:underline white}.tag{background-color:#545454;color:#fff;padding:3px;border-radius:2px;cursor:pointer;height:20px;white-space:nowrap;overflow:hidden}.tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.footer{position:absolute;bottom:0;background:#2c2c2c80;width:100%;height:2rem;animation:fadein .5s;padding-top:.5em}.about{display:flex;flex-direction:column;justify-content:center;background-color:#21212174;align-items:center}.top-shadow{filter:drop-shadow(0px -20px 20px #2e2e2e)}@keyframes fly-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.anim .about-texts *{animation:fly-in 1s}.about-texts{padding:10px;max-width:100%}.info-cards{display:flex;flex-direction:row;width:100%;height:100%;flex-wrap:wrap;gap:1em;padding:1em;justify-content:center}.info-card{background:#4a4a4a;width:30em;padding:10px;overflow:none;border-radius:10px;transition:all .5s}@media (max-width: 30em){.info-card{width:80%}}*::-webkit-scrollbar{width:5px;height:8px;background-color:#535353}*::-webkit-scrollbar-thumb{background:#717171}