body{
    background-color: #22405B;
}

.box{
    background-color: #22639D;
    margin: 20px;
    padding: 20px;
    border-radius: 10px;
}

.boxtit{
    text-align: center;
    width: auto;
    color:white;
    font-family: 'Courier New', Courier, monospace;
    font-size: 60px;
}

.gob{
    background-color: #38B6FF;
    margin:10px;
    border-radius: 24px;
    border: none;
    padding: 5px 10%;
    width: 50%;
    font-size: 26px;
    font-family: Helvetica, sans-serif;
    color: white;
    text-align: center;
}

.gob:hover{
    cursor: pointer;
    color: white;
    padding: 7px 20%;
    width: 55%;
}

.GoButton{
    text-decoration: none;
    color: white;
}

.GoButton:hover{
    text-decoration: none;
    color: white;
    opacity: .7;
}

.lockimg{
    width: 50px;
    height: 50px;
}

.navbar-brand>img
{
    max-height: 50px;
}
.navbar-brand
{
    background-color: #22405B;
}

.nav{
    float: rigth;
}

.nav_button{
    text-decoration: none;
    color: white;
    border-radius: 24px;
    font-size:20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5x;
    font-family: Helvetica, sans-serif;
    margin: 10px;
    text-align: center;
}

.nav_button:hover{
    cursor: pointer;
    padding: 15px 30px;
}

#nv1{
    background-color: #FF1616;
}
#nv2{
    background-color: #FF914D;
}
#nv3{
    background-color: #7ED957;
}
#nv4{
    background-color: #38B6FF;
}