*{
  
    margin: 0;
     padding: 0;
   font-family: Verdana, Geneva, Tahoma, sans-serif;
 }
 
 html,body{
    background-color:#201E1F ;    
     height: 100%;
   width: 100%;
   overflow-y: hidden; /* Hide vertical scrollbar */
   overflow-x: hidden; /* Hide horizontal scrollbar */
  }
  
  .container{
   
     width: 100%;
       height:100% ;
      
   }
   .menu li{
    text-align: center;
    margin: 0 100px 0 320px;
    border: 5px solid  #50B2C0;
    position: relative;
      list-style: none;
      text-decoration: none;
        color: #fd00da;
        cursor: pointer;
        font-size: 30px;
      
        box-shadow: 0 4px 10px 0 #fd00da inset,0 4px 10px 0 #15f4ee,0 4px 10px 0 #fd00da inset,0 4px 10px 0 #15f4ee;
        border-radius: 100px;
        font-weight: 400;

        transition: 1.5s;
   }
   
   .menu ul{
    display: inline-flex;
  
    margin: 50px 0;
    padding-left: 30px;
 
    
 
} .menu ul a{
   color: #fd00da;
  
   text-decoration: none;
    
 
} 
.menu li span{
    display: block;
    padding: 8px 22px;
    cursor: pointer;
}
 .A{
     margin: 0 450px 0 450px;
    
     position: relative;
      border: 2px solid transparent;
     border-radius: 70px;
     background-image:  linear-gradient(#42455a,#42455a),radial-gradient(circle at top left,#fd00da,#19d7f8);
     background-origin: border-box;
     background-clip:content-box,border-box;
     font-size: 70px;
     font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
     color:#50B2C0 ;
    
 }
 .CopyRight{
     color: turquoise;
 }
 p{
     font-size: 35px;
     font-family: Verdana, Geneva, Tahoma, sans-serif;
     color:#FEEFDD ;
 }
 
 a{
      
     text-decoration: none;
 }
 .menu li:hover{
    box-shadow: 0 5px 30px 0 #fd00da inset,0 5px 30px #50B2C0,0 5px 30px 0 #fd00da inset,0 5px 30px #50B2C0 ;
    text-shadow: 0 5px 30px 0 #fd00da, 0 5px 30px 0 #50B2C0 ;
  }