body {  font-family: 'Roboto', sans-serif;  color: black;
  height: 100%;  width: 100%;  margin: 0;  padding: 0;
  overflow: hidden;
}

canvas {  width: 100%;  height: auto;}

h1{  margin: 0 auto;  text-align: justify;   text-justify: auto;	width: 100%;  font-size: 1.75vw;  padding-top: 0rem;  font-weight: 200;
  z-index: 2;}
h2{  margin: 0 auto;  text-align: center;  width: 100%;  font-size: 1.25vw;  padding-top: 0.1vw;  padding-bottom: 2rem;  font-weight: 200;
  z-index: 2;}
h3{  margin: 0 auto;  text-align: justify;   text-justify: auto;	width: 100%;  font-size: 2vw;  padding-top: 0rem;  font-weight: bold;
  z-index: 2;}
h4{  margin: 0 auto;  text-align: justify;   text-justify: auto;  width: 100%;  font-size: 1.5vw;  padding-top: 0rem;  font-weight: bold; font-color: red; font-style: italic;
  z-index: 2;}


.top-left{position: relative;top: 0%; left: 20%; max-width: 50%; margin-left: 15%; margin-top: 0%;}
.top-right{position: relative;top: 0%; left: 40%; max-width: 33%; margin-left: 5%; margin-top: 10%;}
.logo{position: absolute; top: 2px; left: 10px; mix-blend-mode: multiply; z-index: 6;}
.footer{position: absolute; bottom: 1%; left: 45%; font-size: 1.25vw; }

#particles-js {
  position: fixed; top: 0;  left: 0;   
  width: 100%;  height: 100%;
  background-color: #ffffff;
  z-index: -1 !important; 
  background-image: url("owlL.png"), url("owlR.png"); background-repeat: no-repeat; background-size: 33% auto, 30% auto; background-position: left, bottom right; min-width: 50%;  min-height: 50%;}

footer { padding: 0;  overflow: hidden;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;}