/* phone and tablet*/
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Electrolize&display=swap');
.image{
    
}
.body{
    background-image: url(https://www.androidcentral.com/sites/androidcentral.com/files/article_images/2019/09/circuitry-enchanced-note-10-wall.jpg?itok=BoE_5XEx);
 
    background-color:#131f2f;
   
  
}
h1{
    color: white
}
h2{
    color: white;
}
h3{
    color: white;
}
h4{
    color: aliceblue;
}
p{
    color: aliceblue;
}


.container{
    text-align: center;
    width: 85%;
    margin-left: 10%;
    
}
.welcome{
    font-family: 'Press Start 2P';
   
  
}

.welcomeContainer{
    padding: 100px;
    margin-top: 5%;
    border-radius: 10px;
    background-image: url("https://lh3.googleusercontent.com/eeefvgDvJz_CAJICPkYmV6KZdNrNqnwCWiUfrpYYx2NlUxmaMUldaiVYn7vXPCg8Bf1Tqmx_aqCJZuouJ1f7InuCbohO2osjZCz6Kg=h600");
}
.section0{
    font-family: 'Electrolize';
    margin-top: 5%;
    background-color: rgb(1, 68, 68);
    padding:10px;
    border-radius: 10px;
}

.quote{
margin-left: 10%;
margin-right: 20%;
}
.world{
    background-color:rgb(1, 68, 68);
    padding:10px;
    margin-bottom: 5%;
    border-radius: 10px;

}
.section1{
    font-family: 'Electrolize';
    margin-top: 5%;

}

.section2{
    font-family: 'Electrolize';
    margin-top: 5%;
}

.section3{
    font-family: 'Electrolize';
    margin-top: 5%;
}

.title{
    font-family: 'Press Start 2P';

}
.about{
    font-family: 'Electrolize';
    
    background-color: #131f2f;
     margin-left:-9% ;
     width: 120%;
    }

.bossBattle{  font-family: 'Electrolize';
}

.thingsIKnow{
    font-family: 'Electrolize';
    margin-bottom: 10%;
    margin-top: 5%;
}

.icons{
 width:90%;
 background-color:rgb(2, 197, 197);
 border-radius: 10%;
}
.card{
    max-width:85%;
    margin-left: 9%;
    box-shadow: 1px 1px 10px teal; 
    border-radius: 10%;
    margin-bottom:20px;
}
.cardContainer{
    background-color:black ;
    padding:10px;
    border-radius: 10px;
    max-width:100%;
}

.button{
   background-color:teal;
   font-family: 'Press Start 2P';
   border-radius: 10px;
}
.button:hover{
    background-color: turquoise;

}

.aboutContainer{
    
    width:95%;
    border-radius: 1%;
    background-image: url("https://cdnb.artstation.com/p/assets/images/images/036/125/405/original/igor-freitas-mesa.gif?1616779562");
    padding:20px;
    border-radius: 5%;
}
.aboutTitle{
    font-family:'Press Start 2P';
    
    margin-left: 5%;
}

.smallScreenCard{
    display: none;
}
/*Big Screen */
@media only screen and (min-width: 980px){
    
    .body{
        
        background-color:#131f2f;
       
      
    }
    .bigScreenCard{
        margin-left: -10%;
    }


.aboutContainer{
    
  width:190%;
  background-image: url("https://cdnb.artstation.com/p/assets/images/images/036/125/405/original/igor-freitas-mesa.gif?1616779562");
  padding: 300px;
  margin-left: -35%;
  border-radius: 0%;
}
.aboutText{
    width: 40%;
    margin-left: 5%;
    background-color: #131f2f ;
    opacity: 0.85;
    }


    .aboutTitle{
        font-family: 'Press Start 2P';
       
        margin-left: -70%;
    }
    .icons{
        width:60%;
        background-color:#131f2f ;
        border-radius: 10%;
}
/*Big Screen Adjustments */
@media only screen and (min-width: 989px){
   
    .body{
        margin-left: -5%;
        background-color:#131f2f;
       
      
    }
    @media only screen and (min-width: 1000px){
   
        .body{
            margin-left:-3%;
            background-color:#131f2f;
           
          
        }
}
@media only screen and (min-width: 1629px){
   
    .body{
        margin-left: 10%;
        background-color:#131f2f;
       
      
    }

}}}