#load{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1000000;
    top:0;
    left:0;
    font-size: 5em;
    font-weight: 700;
    line-height: 0.85;
    text-align: center;
    transition: opacity 1.5s,font-weight 0s;
    font-weight: 700;
   }
   #load > div {
       position: relative;
        top:40%;
   }
   #load > div > div:nth-child(1){
       transition: all 1.8s; 
       color: #cb6ce6;
       animation: load 1.6s forwards;
       font-size: 1.1em;
   }
   #load > div > div:nth-child(2){
       transition: all 1.8s;
       animation: load_2 1.6s forwards;
       color: #ff3131;
   }
   #load > div > div:nth-child(1)::before{
       content : 'S';
   }
   #load > div > div:nth-child(2)::before{
       content : "Filme";
   }
@keyframes load {
   from{
       margin-top: -5px;
       margin: 0 0 0 -10000px;
   }
   80%{
       margin: 0 0 0 -180px;
   }
   to {
       margin: 0 0 0 -105px;
   }
}
@keyframes load_2 {
   from {
       margin: -58px 0 0 10000px;
   }
   80% {
       margin: -60px 0 0 100px;
   }
   to{
       margin: 0px 0 0 50px;
   }
}