html  {
    display: table;
    margin: auto;
    height: auto;
    width: 1080px;
    
}

body {
    font-family: Ubuntu;
    background: linear-gradient(#a88eec, #26264d  );
    
    background-attachment: fixed;
    padding-right: 50px;
    padding-left: 50px;
    margin-top:0;
    height: max-content;
    width: 1080px;
    
}
            h1 {
                text-align: right;
                font-size: 50px;
                margin: 5px;
                margin-left: 10px;
                margin-right: 10px;
                margin-bottom: 10px;
                color: #8282ff;
                
            }

            h4 {
                text-align: center;
                margin-top: 0;
                padding:4px;
                margin-bottom: 0;
                font-family: Courier;
                border-width: thin;
                border-bottom:double;
                border-color:#8282ff;
                background-color: aliceblue;
                letter-spacing: 2px;

            }

            h3 {
                text-align: center;
                margin-top: 0;
                padding:4px;
                margin-bottom: 2px;
                font-size: 12px;
                font-family: Ubuntu;
                background-color: transparent;
                text-decoration: underline dotted;
            

            }


            h5 {
                text-align: left;
                margin-top:10px;
                margin-bottom: 5px;
                padding-left: 20px;
                padding-right: 20px;
                font-family: Ubuntu;

            }

            p {
        
                padding: 10px;
                margin: 10px;
                margin-left: 25px;
                margin-right: 25px;
                margin-top: 0;
                font-size: 14px;
                line-height: 1.5;
                
            }

            .p2 {
        
                padding: 10px;
                margin: 0;
                margin-top: 0;
                font-size: 13px;
                line-height: 1.3;
            }

            .gamepic{
                display:block;
                margin: auto;
                max-width: 110px;
                max-height: 110px;
                height: 150%;
                object-fit:cover;
                margin-top:10px;
                border-radius: 10px;
                border:solid;
                border-color:aliceblue
                
            
            }

            .iconpic {
                max-height: 100px;
                margin-right: auto;
                margin-left: auto;
                display:block;
                
            }

            .gametext {

                text-align:center;
                font-size: 13px;
                line-height: 1;

            }

            .gametitle{

                text-align:center;
                background-color: thin;
                border-bottom:double;
                border-color:#8282ff;
            }

            .quote{
                
                font-size: 11px;
                background-color: #b2bcff;
                margin: 10px;
                padding-bottom: 10px;
                padding-left: 20px;
                padding-right: 20px;
                border-radius: 10px;
            
            }

            .picdec {
                position:absolute;
                z-index:-1;
            }
               
            ul{ list-style-type: none;
                        margin: 0;
                        padding: 0;
                        overflow: hidden; 
                        display: flex;
                        justify-content: center;
                        background-color: #8282ff;
                        border-bottom:solid;
                        border-color: #5b4cdc;


                    }

                    .list {

                        padding-left: 40px;
                        padding-right: 40px;
                        padding-top: 4px;
                        padding-bottom: 5px;
                        font-size: large;
                        display:inline;
                        color: white;
                        text-shadow: 1px 1px 2px #5b4cdc;
                        font-variant: all-petite-caps;

                    }



.maingrid{
     display: grid;
    grid-template-columns: 1fr 2.5fr 1fr;
    grid-gap: 15px;
    width: 100%;
    height: 100%;
   
}

.section1 { /*TITLE*/
    background-color: #2e2e5f;
    
    text-align: center;
    grid-column: 1/4;
    grid-row: 1/2;
}


.section5 { /*GAMES*/
    
    background: linear-gradient(#b2bcff, white);
    text-align: center;
    grid-column: 1/4;
    grid-row: 2/5;
    height: auto;
    border-width: thin;
    border:solid;
    border-color:#5b4cdc;
    
    
   
    
    
}

 .nest5 { /*Nest para los videojuegos*/
        display:flex;
        flex-direction: column;
        width:100%;
        background-color: transparent;
        flex-wrap:wrap;
        margin-bottom: 5px;
        margin-top: 5px;
    }

        .section5a { /*ACE ATTORNEY*/
    
            background-color: transparent;
          /*  inline-size: 1080px;*/
            overflow-wrap: break-word;
        
        }

        .grid1 {
            display:inline-grid;
            grid-template-columns: 0.5fr 2fr;
            grid-template-rows: auto auto;
            margin-top: 10px;
            margin-bottom: 10px;
            width: 900px;
            border-radius: 10px;
            
            
        }

            .gamecover { grid-column: 1;
                margin: 0;
                height: auto;
                width: 150px;
                align-self: right;
                vertical-align: middle;
                align-content:center;
                display: inline;
                background: linear-gradient(#9898ff, #b2bcff);
                border-radius: 10px;
                padding-top: 10px;
                padding-bottom: 10px;
    
            }

            .gamereview { grid-column: 2;  
                height: auto;
                margin: 0;
                padding: 9px;
                display: inline;
                align-content: top;
                border-radius: 10px;
                background: linear-gradient(#9898ff, #b2bcff);
                text-align: justify;
               
              
            }


 a.navlink:link {text-decoration: none;
color: white;
}

a.navlink:visited {text-decoration: none;
color: white;}

a.navlink:hover {text-decoration: none;
color: #000000;
}