body {
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600; }
  body p {
    margin: 0; }


.login-container {
  position: absolute;
  display: flex;
  justify-content: space-around;
  padding: 30px 20px;
  flex-direction: column;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(27deg, #27BD67 -22.65%, #46B8C0 114.2%);
  max-width: 250px;
  border-radius: 8px;
  height: 190px;
}

.small-text {
  font-size: 20px !important;
  margin-top: 5px !important;
  color: lightgray !important;
}

.login-container p {
  text-align: center;
  font-size: 25px;
  color: white;
}

.login-container input[type=password] {
  font-size: 25px;
  background: #d0d0d0;
  border: none;
  border-radius: 8px;
  padding: 10px 10px;
  color: #3476B3;
}

.login-container input[type=submit] {
  border: none;
  background: #3476B3;
  -webkit-appereance: none;
  height: 40px;
  width: 120px;
  border-radius: 8px;
  font-size: 25px;
  margin: 0 auto;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
}


.background-color-blue {
  width: 100%;
  height: 100%;
  background: #3476B3; }

.background-color-green {
  width: 100%;
  height: 100%;
  background: #27BD67; }

.background-color-red {
  width: 100%;
  height: 100%;
  background: #C52323; }

.background-color-gray {
  width: 100%;
  height: 100%;
  background: #6d6d6d; }

.background-color-orange {
  width: 100%;
  height: 100%;
  background: #e56100; }

.glass-container .glass {
  position: absolute;
  top: -700px; }

.glass-container .glass:nth-child(1) {
  width: 99.93px;
  height: 2000px;
  left: 485.07px;
  -webkit-animation: glass1 7s ease-in-out infinite;
  /* Safari 4.0 - 8.0 */
  animation: glass1 7s ease-in-out infinite;
  -webkit-transform: rotate(-37.59deg);
  -ms-transform: rotate(-37.59deg);
  transform: rotate(-37.59deg); }

.glass-container .glass:nth-child(2) {
  width: 23.56px;
  height: 2000px;
  left: 435.72px;
  -webkit-animation: glass2 5s ease-in-out 1.5s infinite;
  /* Safari 4.0 - 8.0 */
  animation: glass2 5s ease-in-out 1.5s infinite;
  -webkit-transform: rotate(-37.59deg);
  -ms-transform: rotate(-37.59deg);
  transform: rotate(-37.59deg); }

.glass-container .glass:nth-child(3) {
  width: 30.77px;
  height: 2000px;
  left: 360.87px;
  -webkit-animation: glass3 6s ease-in-out 3s infinite;
  /* Safari 4.0 - 8.0 */
  animation: glass3 6s ease-in-out 3s infinite;
  -webkit-transform: rotate(-37.59deg);
  -ms-transform: rotate(-37.59deg);
  transform: rotate(-37.59deg); }

.glass-container .glass:nth-child(4) {
  width: 218.63px;
  height: 2000px;
  left: 51.93px;
  -webkit-animation: glass4 8s ease-in-out 2s infinite;
  /* Safari 4.0 - 8.0 */
  animation: glass4 8s ease-in-out 2s infinite;
  -webkit-transform: rotate(-37.59deg);
  -ms-transform: rotate(-37.59deg);
  transform: rotate(-37.59deg); }

main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  height: 100%; }
  main .inner-container {
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); }


main .left-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 50%;
  padding: 0px 20px 25px 30px; }
  main .left-container .left-stack, main .left-container .right-stack {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    main .left-container .left-stack .inner-container, main .left-container .right-stack .inner-container {
      margin: 15px 0; }
  main .left-container .text-container {
    z-index: 99; }
    main .left-container .text-container p {
      font-size: 25px; }
  main .left-container .object-iframes {
    width: 100%;
    height: 100%;
    border: none;
    pointer-events: none; }
    main .left-container .object-iframes html {
      overflow: hidden; }

main .right-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 50%;
  padding: 0px 30px 25px 20px; }
  main .right-container .left-stack, main .right-container .right-stack {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    main .right-container .left-stack .inner-container, main .right-container .right-stack .inner-container {
      margin: 15px 0; }
  main .right-container .text-container {
    z-index: 99; }
    main .right-container .text-container p {
      font-size: 25px; }
  main .right-container .object-iframes {
    width: 100%;
    height: 100%;
    border: none;
    pointer-events: none; }
    main .right-container .object-iframes html {
      overflow: hidden; }

main .left-container .text-container, main .right-container .text-container {
  display: block;
  position: absolute;
  top: 50%;
  left: 49.9%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100.1%;
  padding: 15px 0; }
  main .left-container .text-container p, main .right-container .text-container p {
    text-align: center;
    color: white; }

@-webkit-keyframes glass1 {
  0% {
    background: rgba(255, 255, 255, 0.3); }
  50% {
    background: rgba(255, 255, 255, 0.5); }
  100% {
    background: rgba(255, 255, 255, 0.3); } }

@keyframes glass1 {
  0% {
    background: rgba(255, 255, 255, 0.3); }
  50% {
    background: rgba(255, 255, 255, 0.5); }
  100% {
    background: rgba(255, 255, 255, 0.3); } }

@-webkit-keyframes glass2 {
  0% {
    background: rgba(255, 255, 255, 0.3); }
  50% {
    background: rgba(255, 255, 255, 0.5); }
  100% {
    background: rgba(255, 255, 255, 0.3); } }

@keyframes glass2 {
  0% {
    background: rgba(255, 255, 255, 0.3); }
  50% {
    background: rgba(255, 255, 255, 0.5); }
  100% {
    background: rgba(255, 255, 255, 0.3); } }

@-webkit-keyframes glass3 {
  0% {
    background: rgba(255, 255, 255, 0.2); }
  50% {
    background: rgba(255, 255, 255, 0.4); }
  100% {
    background: rgba(255, 255, 255, 0.2); } }

@keyframes glass3 {
  0% {
    background: rgba(255, 255, 255, 0.2); }
  50% {
    background: rgba(255, 255, 255, 0.4); }
  100% {
    background: rgba(255, 255, 255, 0.2); } }

@-webkit-keyframes glass4 {
  0% {
    background: rgba(255, 255, 255, 0.4); }
  50% {
    background: rgba(255, 255, 255, 0.2); }
  100% {
    background: rgba(255, 255, 255, 0.4); } }

@keyframes glass4 {
  0% {
    background: rgba(255, 255, 255, 0.4); }
  50% {
    background: rgba(255, 255, 255, 0.2); }
  100% {
    background: rgba(255, 255, 255, 0.4); } }