td{
    white-space: nowrap;
    text-align: center;
}

.right{
    text-align: right;
    align-items: right;
}

.center{
    text-align: center;
    font-size: 60px;
}
.left{
    text-align: left;
}

header{
    background-color: #0a0a0b;
    align-items: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

p{
    font-family: 'Determination';
    color:#0a0a0b;
    font-size: 35px;
}

.rightUpBanner{
    position: absolute;
    right: 0%;
    top: 0%;
}

.leftUpBanner{
    position: absolute;
    left: 0%;
    top: 0%;
}
.rightLowBanner{
    position: relative;
}
.leftLowBanner{
    position: relative;
    margin-right: 88%;
}

table{
    width: 100%;
}

main{
    background-color: #0a0a0b;
    flex: 1 calc(100vh - 110px);
    display: flex;
    align-items: center;
    flex-direction: column;
}

.woder{
    width: 25%;
    cursor:default;
}

.ripple{
    width: 35%;
}

.image{
    width: 50%;
}

.linkpretty{
    font-family: 'Determination';
    font-size: 60px;
    color: #42fcff;
}

.linkpretty:hover{
    font-family: 'Determination';
    color: #42fcff;
}

div{
    align-items: center;
    text-align: center;
}

.start{
    animation-name: change;
    animation-duration: 10s;
    animation-fill-mode: forwards;
}

@font-face{
    font-family: 'Determination';
    src: url(det-font/DeterminationMonoWebRegular-Z5oq.ttf)
}

.text{
    font-family: 'Determination';
    color: #42fcff;
}

body{
    font-family: 'Determination';
    display: flex;
    background-color: #0a0a0b;
    flex-direction: column;
}

main{
    background-color: #0a0a0b;
    flex: 1 calc(100vh - 110px);
    display: flex;
    flex-direction: column;
    align-items: center;
}
footer{
    font-size: 60px;
    text-align: center;
    align-items: center;
    font-family: 'Determination';
    color: #42fcff;
    background-color: #0a0a0b;
    flex: 0 80px;
    flex-direction: column;
}
.shakey{
    position: absolute;
    animation: shake 1ms linear infinite;
}

@keyframes change {
    from {
        color: #0a0a0b;
      }
    
      to {
        color: #42fcff;
      }
}

@keyframes shake {
    from{
        left: 45%;
    }
    50%{
        left: 40%;
    }
    100%{
        left: 45%;
    }  
}