/* Color palette used */
        /* https://colorhunt.co/palette/eceff400ad7cfbd490475762 */

        body {
            background-color: #FBD490;
            display: grid;
            justify-content: center;
            margin: 0px;
        }

        .box {
            background-size: auto;
            box-shadow: -10px 10px 5px black;
            max-width: 480px;
            width: fit-content;
            min-width: 30vw;
            margin: 50px;
            border-radius: 7px;
        }
        .about {
            max-width: 600px;
            width: fit-content;
            font-size: x-large;
        }    
            
     
        .info {
            text-align: right;
            padding: 1rem;
            background-color:#ECEFF4;
            border-bottom-left-radius: 7px;
            border-bottom-right-radius: 7px;
            
        }

        .topinfo {

           
            height: auto;
            background-color:#ECEFF4;
            font-family:'Special Elite', cursive;
            font-size: xx-large;
            text-align: center;
            padding-top:10px;
            border-style: solid;
            border-width: 30px;
            border-color: aqua;
            border-radius: 7px;    
            box-shadow: -10px 10px 5px black;        
            
            
        }

        ul {
            /* background-color: #00AD7C; */
            padding-bottom: 60px;
            padding-top: 60px;
            padding: 40px;
            list-style: none;
            font-family: 'Special Elite', cursive;
            font-size: x-large;
            text-align: left;
            margin: 0px;
        }

        li {
            line-height: 1;
            background-color: #ECEFF4;
            padding: 20px;

        }

        .main {
            display: grid;
            justify-content: center;
            align-content: center;
            
        }

        table, th, td {
            border: 1px solid black;
            background-color: antiquewhite;
        }

        .container {
            display: flex;
            justify-content: center;
            align-content: center;
            gap: 50px;
        }

        .item {

            border-style: solid;
            border-width: 3px;
            border-color: #ECEFF4;
            border-radius: 7px;
            padding: 1rem;
                
        }

        .item:hover {
           
           background-color: #dfe4ec;
           -webkit-user-select: none; /* Safari */        
           -moz-user-select: none; /* Firefox */
           -ms-user-select: none; /* IE10+/Edge */
           user-select: none; /* Standard */
           padding: 1rem;    
        }