style.css

body{
    font-family: "QuickSand","Poppins",sans-serif;
    font-weight: bolder;
    background: #131313;
    color:white;
}
.start{
    position: relative;
    margin:4% auto;
}
.formcheck{
    margin: 15px auto;
}
.u1{
    outline: 0;
    border:2px solid white;
    padding-left:5px;
    border-radius: 4px;
    font-size: 1.1rem;
    transition:ease-in-out .2s;
    color:white;
    background: transparent;
    font-weight: 500;
}
.u1:hover{
    border:4px solid #ffde03;
}
.make{
    font-family: "Poppins";
    font-weight: bolder;
    color:#131313;
    padding:5px;
    background: #ffde03;
    border-radius: 4px;
    transition: ease-in .3s;
    outline:0;
    margin:5px;
    text-decoration: none;
}
.make:hover{
    background: #db3236;
    color:white;
    outline:0;
}
.colt{
    margin:10px auto;
}

.mb2{
    background: #db3236;
    color:white;
}
.mb2:hover{
    background: #ffde03;
    color:#131313;
}

.mb3{
    background: #4285f4;
    color:white;
}
.mb3:hover{
    background: #0f9d58;
    color:#131313;
}
.mb4{
    background: #fd625e;
    color:white;
}
.mb4:hover{
    background: #ffffff;
    color:#fd625e;
}
.mb5{
    background: #3B5998;
    color:white;
}
.mb5:hover{
    background:white;
    color:#3B5998; 
}

.mb6{
    background: #f39c12;
    color:#131313;
}
.mb6:hover{
    background:#374649;
    color:white; 
}
.mb7{
    background: #3498db;
    color:#131313;
}
.mb7:hover{
    background: #0f9d58;
    color:white;
}
.mb8{
    background: #9b59b6;
    color:white;
}
.mb8:hover{
    background: #f39c12;
    color:#131313;
}
.mb9{
    background: #2c3e50;
    color:white;
}
.mb9:hover{
    color:#2c3e50;
    background: white;
}
.mb10{
    background: #3cba54;
    color:black;
}
.mb9:hover{
    color:#2c3e50;
    background: white;
}
.mb9:hover{
    background: #ffffff;
    color:#fd625e;
}
.bush{
    margin-top:90px;
}

@media screen and (max-width:500px){
    .bush{
        margin-top:30px;
    }
}