

        
        .logo {
        position: absolute;
        top:10px;
        
        animation: gelatine 2s infinite;
        }

        @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);
            }
        }
 
        #factDisplay {
        font-size:15px;
        font-family: 'Freckle Face';
        color:white;
        }

        .home:hover{
            
          animation: gelatine .5s;
        }

        
        .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;
            
        
        }


::-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;
}  