/* reset */
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/

*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

p {
  text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

#root, #__next {
  isolation: isolate;
}


/* site styles */

html {
  width:100%;
  height:100%;
  background-color: #e49b10;
}
body {
  width:100%;
  height:100%;
  margin:0px;
  position:relative;
}
.container {
  width:100%;
  height:100%;
}                            
.logo {                            
  position: relative;                            
  top: 35vh;                            
  left: 50%;                            
  transform: translate(-50%, -10vh);                            
  width:80%;
  max-width: 800px                              
}

@media only screen and (max-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  .logo {
    transform: translate(-50%, 0vh);  
  }
}

@media only screen and (max-device-width: 960px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  .logo {
    transform: translate(-50%, -20vh);  
  }
}