.maincontainer{
    width:700px;
    height:650px;
    margin:auto;
    display:flex;
}

.tresc{
    width:680px;
    height:400px;
    background:rgb(255,235,235);
    border-radius:5px;
    margin:auto;
}

.forma{
    margin:0;
    height:400px;
}

.title{
    width:100%;
    height:75px;
    display:flex;
}

.t1{
    font-weight:bold;
    font-size:20px;
}

.tt{
    margin:auto;
}

.tekst{
    width:100%;
    height:175px;
    display:flex;
    font-size:18px;
    text-align:center;
}

.buttons{
    width:100%;
    height:150px;
    display:flex;
}

.gradient{
    width:680px;
    height:400px;
    padding:10px;
    background:rgb(133,7,7);
    border-radius:10px;
    margin:auto;
}

.button{
    width: 220px;
    height: 40px;
    font-weight: bold;
    border-radius: 10px;
    border: 1px solid #db252b;
    background: #DB252B;
    cursor: pointer;
    color: white;
    transition:0.5s;
    margin:auto;
}

.button:hover{
    border: 1px solid #000000;
    background: #971d20;
}

@media (min-height: 600px){
    footer{
        position:initial;
        margin-top:20px;
        float:left;
    }
}

@media (max-width: 768px){
    footer{
        position:initial;
        margin-top:20px;
        float:left;
    }
}

@media (min-height: 890px){
    footer{
        position:absolute;
    }
}