*{color: #e2e48d;}
body{background-color: rgba(9, 7, 7,0.94);}
.vertical-line { border-left: 1px solid #fff;height: 100px;}



#googleimg{width: 100px;height: 100px;
   margin-left: 45px;
 
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   
 
   border-radius:45px;
   border: 1px,solid,rgb(93, 6, 87)         
}

#youtubeimg{width: 100px;height: 100px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
   border: 1px,solid,rgb(93, 6, 87)
}

#educativeimg{width: 100px;height: 100px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#typinggameimg{width: 100px;height: 100px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#chatgptimg{width: 100px;height: 100px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#talegramimg{width: 100px;height: 100px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#gmailimg{width: 100px;height: 100px; 
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
     border: 1px,solid,rgb(93, 6, 87)
}

#googletranslateimg{width: 100px;height: 100px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#whatsappimg{width: 100px;height: 100px;
   margin-left: 45px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#microsoftimg{
    width: 100px;height: 100px;
    margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#colorpaletimg{width: 100px;height: 100px; 
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
     border: 1px,solid,rgb(93, 6, 87)
}

#githubimg{width: 100px;height: 100px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#linkdinimg{width: 100px;height: 100px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#leetcodeimg{width: 100px;height: 100px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#msgimg{width: 100px;height: 100px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#samagraimg{width: 100px;height: 100px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#aadharimg{width: 100px;height: 100px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#yesimg{width: 100px;height: 100px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#mdnimg{width: 100px;height: 100px;
   margin-left: 45px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   border-radius:45px;
    border: 1px,solid,rgb(93, 6, 87)
}

#example1{width: 100px;height: 100px;
   margin: 45px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
    
    border-radius:45px;
    border: 1px,solid,rgb(93,6,87);}

#w3img{width: 100px;height: 100px;
   margin: 45px;
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   
    border-radius:45px;
    border: 1px,solid,rgb(93,6,87);}

#w3html{width: 100px;height: 100px;

   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   
    border-radius:45px;
    border: 1px,solid,rgb(93,6,87);}


#w3js{width: 100px;height: 100px;
  
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
   
    border-radius:45px;
    border: 1px,solid,rgb(93,6,87);}


#w3css{width: 100px;height: 100px;
  
      margin-top:10px;           margin-right:45px;         margin-bottom:10px;
      
       border-radius:45px;
       border: 1px,solid,rgb(93,6,87);}


#w3py{width: 100px;height: 100px;
  
   margin-top:10px;           margin-right:45px;         margin-bottom:10px;
         
      border-radius:45px;
      border: 1px,solid,rgb(93,6,87);}


#w3ai{width: 100px;height: 100px;
  
         margin-top:10px;           margin-right:45px;         margin-bottom:10px;
         
          border-radius:45px;
          border: 1px,solid,rgb(93,6,87);}

#pyscr{width: 100px;height: 100px;
  
         margin-top:10px;           margin-right:45px;         margin-bottom:10px;
         
          border-radius:45px;
          border: 1px,solid,rgb(93,6,87);}
#pyscrd{width: 100px;height: 100px;
  
         margin-top:10px;           margin-right:45px;         margin-bottom:10px;
         
          border-radius:45px;
          border: 1px,solid,rgb(93,6,87);}

#pi1{width: 340px;height: 100px;
  
            margin-top:10px;           margin-right:45px;         margin-bottom:10px;

            border-radius:45px;
             border: 1px,solid,rgb(93,6,87);}
      





#bt1{background-color: rgb(0, 3, 24);color: rgb(51, 175, 203);
    border-radius: 10px;
   width: 100%;height: 10%;
   font-family: 'Courier New', Courier, monospace;
}


#d1{color: blueviolet;
  background-color: blue;}

#div1{background-color: rgb(8, 19, 56);
    border-radius: 45px;
 
}


#div2{background-color: rgb(8, 19, 56);
   border-radius: 45px;
}


#div3{background-color: rgb(8, 19, 56);
   border-radius: 45px;
}


#div4{background-color: rgb(8, 19, 56);
   border-radius: 45px;
}

#div5{background-color: rgb(8, 19, 56);
   border-radius: 45px;
}

#div6{background-color: rgb(8, 19, 56);
   border-radius: 45px;
}

#div7{background-color: rgb(8, 19, 56);
   border-radius: 45px;
}
