:root{
    --background :black;
    --loader_screen : #5190B8;
    --text : white;
    --button: rgb(61, 162, 221);
  }
  ::-webkit-scrollbar{
    display: none;
  }
  /* rgba(54, 47, 163, 0.829); */
  body{
    overflow: hidden;
    background-color: rgb(255, 255, 255);
    font-family: 'Comfortaa';
    margin: 0%;
  }
  
.main{
    padding-inline: 4%;
    position: relative;
    height: 95vh;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    border: solid 1rem rgb(255, 255, 255);
    border-radius: 4rem;
    clip-path: padding-box ;
    justify-content: space-between;
  }

  
.contents{
    position: relative;
    /* background-color: yellow; */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap ;
    height: 78vh;
    justify-content: center;
  }

  .container {
    position: relative;
    z-index: 5;
    display: flex;
    vertical-align: center;
    color: var(--text);
    max-width: 20vw;
  }

  @media screen and (max-width: 600px) {

    .contents{
      height: 80vh;
    }

    .container {
      flex-direction: column;
      justify-content: flex-end;
      max-width: 100%;
      height: 100%;
 
    }
}