*{
margin: 0;
padding: 0;
box-sizing: 0;
}
a{
text-decoration: none;
}
.container{
width: 100%;
text-align: center;
height: auto;
}
.container #imgLogo{
margin-top: 7%;
width: 10vw;
}
.container h1{
font-size: 4rem;
font-family: 'Courier New', Courier, monospace;
margin-top: 2%;
text-shadow: 0px 0px 6px rgb(231, 231, 231);
color: rgb(5, 83, 251);
}
.container p{
font-size: 1.7rem;
margin-top: 2%;
font-family: Arial, Helvetica, sans-serif;
font-weight: 550;
color: rgb(62, 62, 62);
}

.container #dbmsBtn{
font-size: 1.3rem;
margin-top: 3%;
padding: 1% 3%;
outline: none;
color: white;
background-color: #2687cf;
border: none;
cursor: pointer;
border-radius: 50px;
transition: all 0.3s;
}
.container #downBtn{
font-size: 1.3rem;
padding: 1% 3%;
cursor: pointer;
background: none;
color: rgb(25, 25, 25);
border: 1px solid rgb(79, 79, 79);
border-radius: 50px;
font-weight: 510;
transition: all 0.3s;
}

.container #dbmsBtn:hover{
background-color: #4e93c7;

}
.container #downBtn:hover{
background-color: #ededed;

}


@media screen and (max-width: 780px) {
 .container #imgLogo{
margin-top: 10%;
width: 40vw;
}

.container h1{
font-size: 14vw;

}
.container p{
width: 96%;
margin-left: 2%;
font-size: 7vw;

}



.container #dbmsBtn{
font-size: 7vw;
margin-top: 10%;
padding: 3% 10%;

}
.container #downBtn{
font-size: 7vw;
padding: 1.6% 4%;

margin-top: 5%;
}
}