.body{
    font-family: Arial, Helvetica, sans-serif;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x:auto;
    min-width: 1024px;
    align-items: center;
    justify-content: center;
    background-size: 300% 300%;
    background-image: linear-gradient(
          -45deg, 
          rgb(0, 55, 80) 0%, 
          rgb(96, 57, 119) 25%, 
          rgb(8, 97, 42) 51%, 
          rgb(16, 62, 83) 100%
    );  
    animation: AnimateBG 15s ease infinite;
}
@keyframes AnimateBG { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.nav{
    min-width: 1024px;
    width:100%;
    height: 100px; 
    display: flex; 
    background: linear-gradient(to right, #ffffff 10%, #ffffff 25%); 
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) inset, 0 0 16px rgba(0, 0, 0, 0.25); 
    z-index: 1; 
    border-radius: 8px; 
    position: absolute; 
    top:10px
}
.content{
    margin: auto;
    width: 100%; 
    position: absolute;
    height: auto; 
    display: flex; 
    flex-direction: column; 
    z-index: 0; 
    justify-content: center; 
    align-items: center;
    top: 110px;
}

/*NO COMPATIBLE CON FIREFOX*/

::-webkit-scrollbar {
    width: 20px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: rgb(60, 141, 207); 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgb(38, 85, 124); 
}