*{
    margin: 0%;
    box-sizing: border-box;
    }

    body{
        font-family: Arial, Helvetica, sans-serif;
        color: rgb(255, 255, 255);
        padding: 90px 20px 0;
       background: linear-gradient(45deg,rgb(255, 0, 0),rgb(51, 255, 0),rgb(255, 102, 0),black);
       background-size: 400% 400%;
       position: relative;
       animation: cambiar 10s ease-in-out infinite;
   }

   @keyframes cambiar{
    0%{background-position: 0 50%;}
    50%{background-position: 100% 50%;}
    100%{background-position: 0 50%;}
    }

    .header{
        background-color: rgb(0, 0, 0);
        height: 80px;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
      
        
    }
    .nav{
        display: flex;
        height: 80px;
        
    }
    
    .nav-link {
        color: white;
        text-decoration: none;
    }
    
    .logo{
        font-size: 30px;
        font-weight: bold;
        padding: 0 40px;
        line-height: 80px;
    }
    
    .nav-menu-item{
        display: flex;
        margin-right: 40px;
        list-style: none;
        line-height: 80px;
        width: max-content;
    }
    
    .nav-menu-link:hover {
        background-color: rgba(255, 102, 0, 0.945);
        transition: 0.5s;
        border-radius: 20px;
        text-align: center;
        
    }
    
    .nav img{
        border-radius: 20px;
    }
    
    section{
        width: 100%;
        height: 100vh; 
    }
    
    h1{
        font-size: 4rem;
        letter-spacing: 2px;
        border: solid 3px #fff;
        border-radius: 25px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding: 2rem 3rem;
    }
    footer{
        color: rgb(0, 0, 0);
        text-align: center;
        line-height: 80px;
    }