body {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    background-color: #202020;
    margin: auto;
}

.banner {
    font-size: 14.3vw;
    color: white;
    opacity: 1;
    animation: banner 3s;
    padding-bottom: 5vh;
}

.content {
    color:gray;
    text-align: justify;
    hyphens: auto;
    font-size: 2rem;
    line-height: 1.3;
    animation: content 5s;
}

main {
    border-left: 3px solid gray;
    animation: main 5s;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: -50px;
}

@keyframes banner {
    0% {
        font-size: 50vw;
        opacity: 0;
    }  
    100% {
        font-size: 14.3vw;
        opacity: 1;	
    }
  }

  @keyframes main {
    0% {
        border-left: 3px solid #202020;
    }  
    60% {
        border-left: 3px solid #202020;
    }  
    80% {
        border-left: 3px solid #202020;
    }
    100% {
        border-left: 3px solid gray;
    }
  }