*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  html,body{
    font-size: 16px;
    margin: 0;
    padding: 0;
  }

  .prime{
    width: 100%;
    height:100vh;
             background-image: linear-gradient(to right top, #845ec2, #997ccf, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, #997ccf, #845ec2);;
  }
  .logo img{
    width:10%;
  }
  .mobile{
    position: absolute;
    width: 30%;
    left: 40%;
  }
  .pontus{
    background-color: rgb(27, 26, 26);
    color: white;
    padding: 1rem;
    /* width: 100%; */
   
  }
  .pontus div{
    margin: 3rem;
  }





 @media screen and (max-width:400px) {
    
 
    .prime{
      height: 1;
    }
    /* .primmeimage img{
    position: absolute;
    width: 1%;
    left: 0;

  } */
   
.mobile{
    width: 80%;
    padding: 40rem;
    align-self: center;

    
  
  
  }
  }