@font-face {
    font-family: "SourceCodePro-VariableFont_wght";
   src: url("SourceCodePro-VariableFont_wght.ttf");
}
  
  html{
      font-family: "SourceCodePro-VariableFont_wght";
    }   
  
h2 {
color: rgb(255, 255, 255);
font-family: SourceCodePro-VariableFont_wght;
}
    .typewriter {
    }
    div:hover {
        background-color: rgb(0, 0, 0);
        background-size: contain;
      padding-left: 20px;
        background-blend-mode: screen;
        filter: drop-shadow(20px 20px 200px rgb(243, 0, 0));
        box-shadow: 1px 1px 1000px 150px rgb(0, 0, 0);
        font-size: x-large   
            } 
          #A1{
           font-size: x-large;
           color: aqua;
           
            }
            #A2{
            font-size: x-large;  
            color: rgb(255, 0, 0);            
            }
            #A3{
            font-size: x-large;
            color: burlywood;
            }
            #A4{
            font-size: x-large;
            color: chartreuse;
            }
            #A5{
            font-size: x-large;
            color: rgb(0, 60, 255); 
            }     
            #A6{
            font-size: x-large;
            color: rgb(222, 247, 3); 
            }           
    
    } 
    .Gif{  
        size: 50px;  
    }
    #B1 {
        image: url(12..gif);
        position: center;
        }
    #b2 {
        image: url(11..gif);
        position: center;
            }
    #B3 {
        image: url(19..gif);
        position: center;
                }
    #B4 {
        image: url(15..gif);
        position: center;
    }
    #B5 {
        range: url(16..gif);
        position: center;
    }
    #B6 {
        range: url(10..gif);
        position: center;