@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/Oswald-Regular.ttf') format('truetype')       
}


@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato-Black.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

body {
  margin: 0;  
}

body, div, input, button p {
  box-sizing: border-box;
}

.modal-background,
.page-background {
    background-color: rgba(240, 240, 240, 0.95);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    z-index: 10;

    background: radial-gradient(
        ellipse at center, 
        rgba(180, 205, 205, 0.55), 
        rgba(40, 39, 40, 0.85)
    );
}

.modal-background-2,
.page-background-2 {
  min-width: 100vw;
  min-height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
background:
  linear-gradient(45deg, #92baac 45px, transparent 45px) 64px 64px,
  linear-gradient(45deg, 
    #92baac 45px, 
    transparent 45px,
    transparent 91px, 
    #e1ebbd 91px, 
    #e1ebbd 135px, 
    transparent 135px
  ),
  linear-gradient(-45deg, 
    #92baac 23px, 
    transparent 23px, 
    transparent 68px,
    #92baac 68px,
    #92baac 113px,
    transparent 113px,
    transparent 158px,
    #92baac 158px
  );
  background-color:#e1ebbd;
  background-size: 128px 128px;
}