*{
     padding: 0;
     margin: 0;
     box-sizing: border-box;
     font-family: orange-kid;
     user-select: none;
}

@font-face {
     font-family: orange-kid;
     src: url(orange\ kid.otf);
}

h1{
     text-align: center;
     background-color: brown;
     color: white;
     padding: 40px;
}
body{
     background-color: brown;
     padding: 30px;
     font-size: 20px;
}
.container{
     display: flex;
     justify-content: space-evenly;
}
img{
     width: 100%;
     height: 85%;
}
.box{
     width: 25%;
     padding: 40px;
     background-color: black;
     color: white;
}
.launch{
     background-color: gray;
     text-align: center;
     padding: 20px;
     width: 50%;
}
.main{
     border: 20px solid gray;
     margin: 20px;
}
.launch a{
     background-color: red;
     border-radius: 5px;
     text-decoration: none;
     color: white;
     padding: 30px;
}
a{
     color: white;
}

@media only screen and (max-width: 1068px) {
     body {
          padding: 10px;
          display: block;
     }
     .container{
          display: block;
     }

     .box{
          width: 100%;
     }
     .launch{
          width: 100%;
     }

}