@font-face {
    font-weight: 400;
    font-family: Montserrat;
    src: url("fonts/Montserrat-Regular.ttf");
}
@font-face {
    font-weight: 500;
    font-family: Montserrat;
    src: url("fonts/Montserrat-Medium.ttf");
}

@font-face {
    font-weight: 700;
    font-family: Montserrat;
    src: url("fonts/Montserrat-Bold.ttf");
}



@font-face {
    font-weight: 400;
    font-family: Times New Roman;
    src: url("fonts/Times-New-Roman.ttf");
}



*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}


.wrapper{
    color: #333333;
    font-size: 22px;
    width: 100vw;
    height: 100vh;
    flex-grow: 4;
    background-color: #f8f8f8;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='113' height='89' viewBox='0 0 113 89' fill='none'%3e%3cpath d='M0.44734 24.127L112.273 88.6894L88.6397 0.494728L0.44734 24.127Z' fill='rgba(189, 189, 189, 0.07)'/%3e%3c/svg%3e");
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 10px 10px 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.container{
    width: 100%;
    height: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}



.container__link{
    color: #333333;
}




.btn{
    user-select: none;
    border-radius: 8px;
    transition: all 0.2s ease-in;
    cursor: pointer;
    color: white;
    padding-left: 46px;
    padding-right: 46px;
    font-size: 18px;
    height: 45px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border: none;
    background-color: #D71921;
    white-space: nowrap;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;

}


.btn:hover{
    background-color: #BE1920;
}

.btn:active{
    outline: 2px solid #FFDD00;
}

.btn:focus{
    outline: 2px solid #FFDD00;
}