@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');

html,
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}




@media (prefers-color-scheme: dark) {
  #app,html,body{
    background: #1A1A1A;
  }
}
@media (prefers-color-scheme: no-preference) {
  #app,html,body{
    background: #f5f5f5;
  }
}
@media (prefers-color-scheme: light) {
  #app,html,body{
    background: #f5f5f5;
  }
}

.MuiPaper-rounded, .MuiInputBase-root, .MuiButtonBase-root {
  border-radius: 9.35px !important;
}
.MuiButton-root{
  border-radius: 10px !important;
}
/*.ocean {*/
/*  position: absolute;*/
/*  height: 100vh;*/
/*  width: 100vw;*/
/*}*/
.waves{
  position:fixed;
  /*width: 100%;*/
  width: 100vw;
  /*height:10vh;*/
  /*min-height:100px;*/
  height:150px;
  bottom:0;
}

/* Animation */
.parallax > use {
  animation: move-forever 25s cubic-bezier(.5,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 20s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 23s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 26s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 29s;
}

@keyframes move-forever {
  0% {
    transform: translate3d(85px,0,0);
  }
  100% {
    transform: translate3d(-90px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 1000px) {
  .waves {
    /*height:40px;*/
    width: 200vw;
    /*min-height:40px;*/
  }
}
/*Shrinking for mobile*/
@media (max-width: 500px) {
  .waves {
    /*height:40px;*/
    width: 400vw;
    /*min-height:40px;*/
  }
}
input {
  margin: 5px auto  !important;
}

.MD_from_label {
  text-decoration: underline;
}

.MD_from_control {
  width: 90%;
  margin-bottom: 20px;
}

.Md-Button-color {
  color: #FF7233 !important;
  border-radius: 4px;
  padding: 2px 4px;
  margin: -2px -4px;
  transition: background-color .15s ease;
}

.Md-Button-color:hover {
  background-color: rgba(255, 114, 51, 0.05);
}