homepagemobile.css

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@media screen and (min-width : 390px) {
    
body{

  
    background-image: url('assets/btech1.png');
    background-repeat: no-repeat;
    background-width: 100% 100%;


    /* background-color: rgb(4, 6, 7); */
    }
    .heading img {
    width: 60px;
    position: relative;
    top: -70px;
    }
    .head {
    font-family: 'Helvetica';
    color: rgb(0, 234, 255);
    width: 63vw;
    height: 25vh;
    font-size: 50;
    }
    .heading {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    justify-content: center;
    bottom: auto;
    top: 367px;
    left: auto;
    }
    .bluebar{
      display: none;
  background-color: #334660;
  color: aliceblue;
   position: relative;
top: 160px;
left: -1em;
font-size: 10px;
font-family: 'Poppins';
width:400px;
height: 70px;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 0px;
}
.bluebar p{

margin-top: 5px;
margin-left: 10px;
margin-bottom: 10px;
padding-left: 10px;
            font-family: Helvetica;
            padding-top: 7px;

}

.animation{
  animation-name: jump;
animation-duration: 0.3s;
animation-fill-mode: both;
animation-iteration-count: 1;
animation-timing-function: linear;
}


@keyframes jump {
from{ transform: translateY(0px)}
to { transform: translateY(-70px)}

}

}


.button {
 
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-family: 'Space Mono';
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  position: relative;
  top: 185px;
  left: 110px;
  border-radius: 30px;
  width: 130px;
  ;
  }
  .button1 {
  display: none;  
  background-color: rgb(0, 0, 0); 
  color: rgb(255, 255, 255); 
  border: 2px solid #13e3e3;
  }
  
  .button1:hover {
  background-color: #13e3e3;
  color: rgb(0, 0, 0);
  }