body {
            background-image: url("pokeballbackground.png");
           }

           .title {

            color: white;
            text-align: center;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
            margin-top:   5%; 
            margin-bottom: 3%;
            background-color: darkblue;
            border-radius: 25px;  
            width: 30%; 
            padding: 1px;    
           }
          
           .container {
              position: relative;
              margin-left: 1.25%;
              
              width: 15%;
              display: inline-block;
            }
            
            .image {
              display: block;
              width: 100%;
              height: auto;
            }
            
            .overlay {
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              height: 100%;
              width: 100%;
              opacity: 0;
              transition: .5s ease;
              background-color: #1400ab;
            }
            
            .container:hover .overlay {
              opacity: 1;
            }
            
            .text {
              color: white;
              font-size: 20px;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
            }

            .switch{
              display: block;
              margin-left: auto;
              margin-right: auto;
              width: 30%;
              margin-top: 10%;
            }