*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: poppins;
}

@font-face {
    font-family: PlayfairDisplay;
    src: url(font/PlayfairDisplay-Regular.ttf);
}

@font-face {
    font-family: poppins;
    src: url(font/Poppins-Regular.ttf);
}

.container{
    background-color: #eaeaea;
    padding: 40px calc(10px + (80 - 10) * (100vw - 320px) / (1920 - 320));
    text-align: center;
}

.container h1{
    font-size: calc(32px + (50 - 32) * (100vw - 320px) / (1920 - 320));
    color: #FF0000;
    font-weight: 900;
}

.container p{
    font-size: calc(20px + (24 - 20) * (100vw - 320px) / (1920 - 320));
}

.container2{
    padding-top: 40px;
    padding-bottom: 20px;
    text-align: center;
}

.container2 h2{
    color: #FF0000;
    padding: 0 10px;
}

.container2 form{
    display: flex;
    flex-direction: column;
    padding: 0 calc(20px + (650 - 20) * (100vw - 320px) / (1920 - 320));
}

.container2 form label{
    display: flex;
    margin: 5px 0;
}

.container2 form input{
    height: 40px;
}

.container2 form .msg{
    height: 150px;
}

.container2 .button{
    padding: 5px;
    margin-top: 10px;
    background-color: #FF0000;
    color: white;
    font-size: 24px;
    border: none;
    border-radius: 5px;
}

.container2 form input[type=number] {
-moz-appearance: textfield;
}

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}