body{
    margin: 5px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 16pt;
    background-color: rgb(0, 0, 0);
    
  }

  .main {
    display: block;
    width: 100%;
    height: 30%;
    padding-top:5px;
    margin-bottom:5px;
    
  }

  .text{


    font-family:'Courier New', Courier, monospace;
    font-size: 16pt;
    width:70%;
    margin-left: 10%;
    margin-top: 2%;
    text-align: justify;
    padding-top: 2%;
    padding-bottom: 4%;
    padding-left: 5%;
    color:rgb(147, 134, 134);
  }

  .subtext{


    font-family:'Courier New', Courier, monospace;
    font-size: 16pt;
    width:100%;
    text-align: justify;
    color:rgb(159, 69, 125);
  }



  
  .text2{

    font-family:'Courier New', Courier, monospace;
    font-size: 13pt;
    margin-right: 10%;
    margin-block-start: 1%;
    width: 60%;
    margin-top: 10%;
    padding-left: 5%;
    color:rgb(159, 69, 125);

  }

  .textRight{
    font-family:'Courier New', Courier, monospace;
    font-size: 12pt;
    width: 40%;
    margin-top: 5%;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 2%;
    padding-left: 15%;
    color:rgb(159, 69, 125);

  }


  .flex-container {  
    display: flex;
    width : 100%;
    margin-left: 2%;
    margin-top: 1%;
    margin-bottom: 2%;
  }
  .flex-containergames {  
    display: flex;
    width : 100%;
    margin-left: 5%;
    margin-top: 0%;
    margin-bottom: 0%;
  }



  .text2wide{

    font-family:'Courier New', Courier, monospace;
    font-size: 13pt;
    margin-right: 10%;
    margin-left: 10%;
    margin-block-start: 1%;
    width: 60%;
    margin-top: 0.5%;
    margin-buttom: 2%;
    color:rgb(159, 69, 125);

  }

  .text2wide2{

    font-family:'Courier New', Courier, monospace;
    font-size: 13pt;
    margin-left: 0.1%;
    margin-block-start: 1%;
    margin-right: 15%;
    width: 45%;
    margin-top: 9%;
    color:rgb(159, 69, 125);

  }


  .text3{

    font-family:'Courier New', Courier, monospace;
    font-size: 10pt;
    width: 80%;
    padding-left: 20%;
    padding-bottom: 4%;
    color:rgb(159, 69, 125);

  }
  
  .poster{
    width: 40%;
    height: 40%;
    padding: 1%;
  }

  .flex-container2 {  
    display: flex;
    width : 70%;
    margin-left: 10%;
    margin-top: 5%;
    margin-bottom: 10%;
  }
  .flex-container3 {  
    display: flex;
    width : 70%;
    margin-left: 5%;
    margin-top: 1%;
    margin-bottom:5%;
  }

  .poster2{
    width: 150%;
    height: 150%;
    padding: 1%;
  
  }

  .poster-box{
    padding-top: 2%;
    padding-left: 3%;
  width: 80%;
  }
   
  .poster-box2{
    padding-top: 2%;
    padding-left: 3%;
  width: 50%;
  }

.movieT{
    padding-top: 1%;
    letter-spacing: 16px;
    font-size: 24pt;
    font-weight: bold;
    padding-left: 5%;

    
  }
  .movie{
    display: flexbox;
    width: 100%;

  
  }
  .moviePoster{
   padding: 0%;
    width: 80%;
    height: 40%;

  
  }
  video{
    position: relaltive;
        width: 100%;
        height: 650px;
        overflow: hidden;
  
  }

  @media only screen and (max-device-width: 480px) {
    .form-container{
        display: block;
        max-width: 500px;
    }
    .text{
      width: 50%;
      font-size: 18pt;
      color: white;    
      text-align: justify;
      padding-top: 20%;
      padding-left: 10%;
    }
    .flex-container {  
      display: flex;
      width : 100%;
      margin-left: 2%;
      margin-top: 1%;
      margin-bottom: 10%;
    }
  
   .poster-box{
  
      width: 100%;
      padding: 5%;  
    }
  
  }