* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins';
}

@import url('https://fonts.googleapis.com/css2?family=Oleo+Script&display=swap');

/* html{overflow: hidden;} */

body{
    /* overflow: hidden; */
    position: relative;
}


.container {overflow-x: hidden; overflow-y: hidden; color:white}
.container, section {height: 100vh;}
section{
  position: relative;
  /* background-image: linear-gradient(to bottom, rgba(107, 0, 190, 0.76), #31cdff); */
  background-image: radial-gradient(#552579, #4F287A 23%, #192137 69%, #161D30 97%);
}

a{color: #909ECC;}
a:hover{
  color: white;
  text-decoration: none;
}

.is--hidden{display: none;}


@media only screen and (min-width: 400px) { /* modelled using desktop in Chrome */
  .container {scroll-snap-type: y mandatory;}
  section {scroll-snap-align: start;}
  
  .mobile--only{display: none;}
}


@media only screen and (max-width: 400px) { /* modelled using iPhone SE in Chrome */
  .desktop--only{display: none;}
}