/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 24, 2024 */



@font-face {
    font-family: 'shaglounge';
    src: url('shag_lounge-webfont.woff2') format('woff2'),
         url('shag_lounge-webfont.woff') format('woff'),
         url('shag_lounge-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

* {
            color: white;
            font-family: 'shaglounge';
        }

        input {
            background-color: rgb(4, 68, 41);
        }

        button {
            background-color: rgb(44, 10, 77);
        }

        select {
            background-color: rgb(94, 14, 9);
        }

        .je-switcher {
            background-color: rgb(46, 37, 13) !important;
        }

        textarea {
            background-color: rgb(0, 0, 0);
        }

        body {
            background-color: rgb(24, 30, 43);
            font-family: Arial, sans-serif;
            margin: 2px;
margin-right: 12px;
overflow: hidden;
        }

        #editor_holder {
            margin-top: 20px;
        }

        #submit {
            margin-top: 20px;
        }
.droping {
  background: no-repeat center/720px;
  width: 100%;
  height: 100%;
  margin: 2px 0 0 -15px;
  background-image: #000000;
  padding: 0 20px 188px 0;
  border: 5px solid black;
}

.droping1 {
  width: 100%;
  height: 31.5vh;
  position: relative;
border: 5px solid black;
}

.droping1 .blur {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}

.droping1 img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: none;
  object-position: center;
  
  /* blurring */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.droping1 .overlay {
pointer-events: none;
position: absolute;
top: 22vh;
width: 33vh;
z-index: 1;
background-color: rgba(0,0,0,0.5);
color: white;
padding: 10px;
}