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

html,
body{

    width:100%;
    height:100%;

}

body{

    background:#bb0102;
    color:#ffffff;

    font-family:'Open Sans',sans-serif;

}

.wrapper{

    width:100%;
    height:100vh;

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:center;

    position:relative;

}

.content{

    text-align:center;

}

.logo{

    width:170px;
    margin-bottom:0px;

}

h2{

    font-size:20px;

    font-weight:300;

    letter-spacing:2px;

    margin-bottom:35px;

}

h2 strong{

    font-weight:700;

}

.buttons{

    display:flex;

    justify-content:center;

    gap:20px;

}

.buttons a{

    width:180px;

    height:45px;

    background:#ffffff;

    color:#323232;

    text-decoration:none;

    border-radius:7px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:16px;

    font-weight:400;

    transition:.30s;

}

.buttons a:hover{

    background:#f2f2f2;

    transform:translateY(-3px);

}

footer{

    position:absolute;

    bottom:25px;

    width:100%;

    text-align:center;

    font-size:14px;

    color:#ffffff;

    letter-spacing:.5px;
    
    font-weight: 400;

}

@media(max-width:768px){

.buttons{

    flex-direction:column;

    align-items:center;

}

.buttons a{

    width:280px;

}

.logo{

    width:140px;

}

h2{

    font-size:18px;

}

footer{

    font-size:14px;

}

}