.logo {
     position: absolute;
        top:10px;
        
        animation: gelatine 2s infinite;
        }
 
        #factDisplay {
        font-size:15px;
        font-family: 'Freckle Face';
        color:black;
        }

        .home:hover{
            
          animation: gelatine .5s;
        }

        @keyframes gelatine {

            from,
            to {
                transform: scale(1, 1);
            }

            25% {
                transform: scale(.9, 1.1);
            }

            50% {
                transform: scale(1.1, .9);
            }

            75% {
                transform: scale(.95, 1.05);
            }
        }
        
        .about:hover{
            
            animation: gelatine .5s;
        }

        

    
        .art:hover{
            
            animation: gelatine .5s;
        }

        .network:hover{
            
            animation: gelatine .5s;
        }

       
        
        .ask:hover{
            
            animation: gelatine .5s;
        }


        .mail:hover{
            
            animation: gelatine .5s;
        }
        
        
        .menubar {
            display: flex;
            justify-content:center;
            flex-direction: row;
            flex-shrink:100%;
            z-index: -1;
        }
        
        .menubar img {
            width: 100%;
            object-fit:contain;
            
        }
        
        .container1 {
            display: flex;
            align-items:center;
            justify-content: center;
            position: relative;
            top:-110px;
            gap:2em;
        }
        
        .container1 img {
            width: 130%;
            object-fit:contain;
            
        
        }


table.Table {
  font-family: "Freckle Face";
  border: 6px; #42AEFF;
  border-radius: 10px;
  margin-top: 150px;
  background-color: #ffffff4a;
  width: 100%;
  text-align:center;
}
table.Table td, table.Table th {
  border: 2px dashed blue ;
  padding: 10px;
}
table.Table tbody td {
  font-size: 20px;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
            
        
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #2a4cff;
    box-shadow: inset 0 0 6px rgba(19, 34, 117);
}    
        
        
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px #00a0ff;
    border-radius: 10px;
}