.page {
    position: relative;
    overflow: hidden;
}

h1 {
    color: #5F5F5F;
}

.main {
    height: 100vh;
}

.data {
    background-color: rgba(256,256,256,0.5);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    box-shadow: inset 0 0 0 0 rgba(255,255,255,0.05);
    /* backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, 0.05); */


}

.page-code {
    position: absolute;
    top: 100%;
    -webkit-animation-name: codescroll;
    -webkit-animation-duration: 45s;
    animation-name: codescroll;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-duration: 45s
}

@-webkit-keyframes codescroll {
    from { top:100%; opacity:1 } 
    to { top:-1800px; opacity:0 }
  }
@keyframes codescroll { 
    from { top:100%; opacity:1 } 
    to { top:-1800px; opacity:0 }
}

.page-code pre {
    color: #E8E8E8;
    filter: blur(0.8px);
    font-size: 18px;
}