body{margin:0;min-height:100vh;display:flex;flex-direction:column;background-attachment:fixed}main{width:100%;display:flex;overflow:hidden;padding-top:9vw;flex:1;background-color:#f1f6fa;margin-bottom:20vw;z-index:1;justify-content:flex-start;flex-direction:column;align-items:center}div,a,span,img,tr,td,table,p,h1,h2,h3,h4,input,button,h5{font-family:Manrope,serif;-webkit-user-select:none;user-select:none;text-decoration:none;outline:none;box-sizing:border-box;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}a:visited{color:inherit;text-decoration:none}::-webkit-scrollbar-thumb{background-color:#d3e4f6}::-webkit-scrollbar{width:.5vw;height:.5vw;background-color:#101010}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus{border:none;outline:none}.no-pointer-events{pointer-events:none}.hidden{display:none}#test{height:200vh}.header{position:fixed;width:88%;margin-left:6%;background-color:#ffffffc2;height:4vw;z-index:1000;top:1vw;left:0;border-radius:55px;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 -2px 35px #00000005;border:solid 1px #ffffff}.footer{background-color:#f2f2f2;height:20vw;display:flex;justify-content:center;align-items:center;font-size:1.3vw;font-weight:700;color:#dbdbdb;position:fixed;bottom:0;width:100%;left:0;z-index:0}.notification-wrapper{position:fixed;width:20vw;bottom:1vw;right:1vw;z-index:1000;display:none;flex-direction:column-reverse}.wrapper-note{width:100%;margin-top:3%;background-color:#1e1e1e;font-size:.75vw;font-weight:300;border-radius:.5vw;color:#ebebeb;cursor:pointer;will-change:transform,opacity,padding,margin,color;transition:transform .4s,opacity .3s,color .3s;transform:translate(50vw);opacity:1}.wrapper-note.active{transform:translate(0)}.wrapper-note.removing{color:transparent;opacity:0}.note-in{padding:4% 7%}