html, body {
    max-width: 100%;
    overflow-x: hidden;
}
nav{
    background-image: url("../assets/navbar.svg");
    background-size:contain;
}
html{
    height: 100%;
    width: 100%;
    background-image: url("../assets/play.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size:25%;
    margin: 0;
    padding: 0;
    }
body{
    background-color: rgba(255,255,255,.90);
    min-height: 100%;
}
/*btn-secondary*/
.btn-secondary:hover{
    background-color: #15253D;
    border-color: #15253D;
}
.btn-secondary{
    background-color: #15253d;
    border-color: #15253d;
    color: white;
}
.btn-secondary:active{
    background-color: #15253d;
    border-color: #15253d;
    color: white;
}
.btn-secondary:focus{
    background-color: #15253d;
    border-color: #15253d;
    color: white;
}
/*btn-primary*/
.btn-primary{
    background-color: #FCBF0A;
    border-color: #FCBF0A;
    font-weight: bolder;
    color: #15253D;
}
.btn-primary:hover{
    background-color: #ebb000;
    border-color: #ebb000;
    font-weight: bolder;
    color: #15253D;
}
.btn-primary:active{
    background-color: #ebb000;
    border-color: #ebb000;
    font-weight: bolder;
    color: #15253D;
}
.btn-primary:focus{
    background-color: #ebb000;
    border-color: #ebb000;
    font-weight: bolder;
    color: #15253D;
}
/*btn-success*/
.btn-success{
    background-color: #CC1517;
    border-color: #CC1517;
    font-weight: bolder;
    color: #fff;
}
.btn-success:hover{
    background-color: #a61417;
    border-color: #a61417;
    font-weight: bolder;
    color: #fff;
}
.btn-success:active{
    background-color: #a61417;
    border-color: #a61417;
    font-weight: bolder;
    color: #fff;
}
.btn-success:focus{
    background-color: #a61417;
    border-color: #a61417;
    font-weight: bolder;
    color: #fff;
}
/*btn*/
.btn {
    transition: all .7s;
}