body {
                overflow: hidden;
                margin: 0px;
                /* background-color: black; */
            }

::selection {
	color: #6E7025;
	background: #FCFF6F;
}
canvas { 
  z-index: 100;
  display: block; 
  width: 100vw; 
  height: 100vh; 
}

#container {
  position: relative;
text-align: center;
}
#container canvas, #overlay {
    width: 100vw; height: 100vh;
  position: absolute;
  justify-content: center;
  margin: 0 auto;
}
/* canvas {
  border: 1px solid black;
} */
.small-type {
  line-height: 12px;   /* within paragraph */
  margin-bottom: 30px; /* between paragraphs */
  }
.small-type {
  border: 2px red;
}

.small-type-too {
  line-height: 12px;   /* within paragraph */
  margin-bottom: 30px; /* between paragraphs */
  }

#main
{
     border: 2px red;
}

#initial_form
{
    margin-bottom: -16px;
}


html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* font-family: 'Anton',sans-serif; */
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #444444;
    margin: 1rem 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

/* code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
} */

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* @import url('https://fonts.googleapis.com/css?family=Anton|Roboto'); */

/* @font-face {
  font-family: Oswold, sans-serif;
  src: url("https://cdn.prod.website-files.com/6980cc452daedaff5a7f2bad/6980cc462daedaff5a7f2d8b_GeneralSans-Bold.woff") format("woff"); 
   font-weight: 700;
  font-style: normal;
  font-display: swap;
}  */

body {
  margin: 0;
  color: #cbc7cbe6;
  background-color: #000;
  font-size: 1em;
  line-height: 20px;
} 

a {
  color: #a6a6a6;  
}

a:hover {
  color: #f5f5f2; 
  background-color: #a6a6a6;
   text-decoration: none;
}
button {
  color: #c8481a;
  text-decoration: none;
  background-color: #ffffff00;
}

button:hover {
  color: #f6f4f1; 
  background-color: #654b18;
}

.main {
  grid-row-gap: 0rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.big-type-wrapper {
    /* border: 1px solid #ff0; */
    margin-top:80px;
    margin-bottom: 50px;
}

/* @import url('https://fonts.googleapis.com/css?family=Anton|Roboto'); */



 .big-type {

  /* font-size: 18vw;
    font-weight: 700;
    line-height: 72%; */

  text-transform: uppercase;
  /* margin-bottom: 0; */
  font-family: "Poppins", sans-serif;
  /* font-optical-sizing: auto; */
  font-weight: 700;
  /* font-style: bold; */
  /* font-variation-settings: "wdth" 75; */
  font-size: 19vw;
  letter-spacing: -8%;
  /* background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  /* font-family: 'Anton', sans-serif;
  font-size: 100px; */
  /* font-weight: 700; */
  line-height: 50%;
  color: #d6a75c; 
  /* -webkit-text-stroke: 4px #d6a75c; */
  /* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
 }

.big-type.scramble {
  font-family: Oswald, sans-serif; */
}

.small-type-wrapper {
  grid-column-gap: 10rem;
  text-align: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 90vw;
  display: flex;
}

 /* Oswald */

.small-type {
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 0.7rem;
 /* font-weight: 400;
  line-height: 100%;*/
  margin-left: 20px;
  margin-right: 20px; 
}

.small-type.mt {
  margin-top: 10rem;
}
.small-type-too {
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 0.6rem;
 /* font-weight: 400;
  line-height: 100%;*/
  margin-left: 20px;
  margin-right: 20px; 
}

.small-type-too.mt {
  margin-top: 10rem;
}

.link-external {
  border-radius: 4px;
  padding: 4px 8px;
  transition: all .2s;
}

.link-external:hover {
  color: #3a3c16;
  background-color: #fdff85;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .small-type-wrapper {
    flex-direction: column;
  }
}


.bottom_right {
  z-index: -2;
  /* background-color: #fdff85; */
  /* background-image: url("/images/border_blue_long.png"); */
  /* background-size: contain; */
  /* position:absolute; */
  /* background-repeat: no-repeat; */
  /* bottom:0;
  right:0; */
  width:100%;
  height:100%;
  /* border:rgb(25, 0, 255) solid 1px; */
  
}

.border_container {
   /* border:rgb(248, 0, 140) solid 2px; */
  position:relative;
  vertical-align: bottom;
  max-height: 200vw;
  max-width: 200vw;
  /* right:0; */
}

.border_container img {
  /* object-fit: cover; */
  /* border:#ff0 solid 5px; */
   user-select: none;
  -drag: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  position: absolute;
  right: -0vw;
  bottom:-120vh;
  /* bottom: -height; */
  /* vertical-align: bottom; */
  display: block;
  max-height: inherit;
  max-width: inherit;
  width: auto;
  height: auto;
  pointer-events: none;

cursor: default;
}


/* glowing border */

.blockblock {
  /* z-index: -11; */
  position: absolute;
  margin: 0.5vh 0.5vw 0.5vh 0.5vw;
  width: 99vw;
  height: 99vh;
  /* background: linear-gradient(0deg, #000000, #05072e);  */
  /* background-image: url("/images/everything_studio_logo_UPSCALED_8X.png"); */
  background-position: center center;
  background-repeat:no-repeat;
  background-color: #000;
  background-size: contain;
}

.block {
   /* z-index: -11; */
  position: absolute;
  margin: 0.5vh 0.5vw 0.5vh 0.5vw;
  width: 99vw;
  height: 99vh;
  /* background: #000000; */
   /* linear-gradient(0deg, #000, #272727); */
}

.block:before, .block:after {
  content: '';
  position: absolute;
  left: -2px;
  top: -2px;
  background: linear-gradient(45deg, #f5f5f2, #a6a6a6, #444444,#000, #f5f5f2, #444444, #a6a6a6, #000,#444444,#f5f5f2 );
  background-size: 400%;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: -21;
  animation: steam 80s linear infinite;
}

@keyframes steam {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.block:after {
  filter: blur(50px);
}


.family_office {
  position:absolute;
  bottom: 24px;
  right: 14px;
  text-align: right;
  
  /* background-color: #00ff00; */
}

.contact {
  /* position:absolute;
  bottom: 24px;
  left: -6px; */
  text-align: right;
  line-height: 4px;
  /* background-color: #00ff00; */
}

.family_text {
  vertical-align: middle;
  text-align: right;
  /* line-height: 60px;
  height: 60px; */
  display:inline-block;
  /* background-color: #0ac83d; */
}

.family_logo {
  margin: 4px;
  display:inline-block;
  vertical-align: middle;
  text-align: center;
}

.eu-logo {
  width:60px;
  height: 60px;
}

.logo {
  /* display: flex; */
  /* z-index: 20; */
  width: 90vw; 
  height: 90vw;
  /* position: absolute; */
  justify-content: center;
  margin: 20px;
  background-image: url("/images/everything_studio_logo_clean.png");
  background-position: center center;
  background-repeat:no-repeat;
  background-color: #000;
  background-size: contain;
}

@media only screen and (min-width: 768px) {
  .logo {
    width:70vh;
    height:70vh;
  }
}

@media screen and (orientation:landscape) {
   vid.logo {
      height: calc(30vh);
      width: calc(30vh);
   }
}

@property --iris-radius {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 0%;
}

@property --iris-gradient-length {
    syntax: "<length> | <percentage>";
    inherits: false;
    initial-value: 0px;
}

.iris {
    --iris-radius: 100%;
    --iris-gradient-length: 60px;
    --time: 1200ms;

    -webkit-mask-image: radial-gradient(
      black,
      black var(--iris-radius),
      transparent calc(var(--iris-radius) + var(--iris-gradient-length)),
      transparent
    );
    transition: --iris-radius var(--time) cubic-bezier(0, 0.55, 0.45, 1),
                --iris-gradient-length var(--time) ease-out;

                /* --iris-radius: 100%; */

    animation-duration:3s;
    animation-name: slide-in;
}

@keyframes slide-in {
  from {
    --iris-radius: -50%; 
  }

  to {
    --iris-radius: 100%;
  }
}