/* @import url(typo.css); */

body {
    background-color: #110c08;
    /* background-image: url(../html/); */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-attachment: fixed;
    z-index: -99;
    max-width: 100%;
    overflow: hidden;
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
     animation: fadeInAnimat ease 3s;
  -webkit-animation: fadeInAnimat ease 3s;
  -moz-animation: fadeInAnimat ease 3s;
  -o-animation: fadeInAnimat ease 3s;
  -ms-animation: fadeInAnimat ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
  
@keyframes fadeInAnimat {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-moz-keyframes fadeInAnimat {
    0% {opacity: 0;}
    100% {opacity: 1;}
}


@-webkit-keyframes fadeInAnimat {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-o-keyframes fadeInAnimat {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-ms-keyframes fadeInAnimat {
    0% {opacity: 0;}
    100% {opacity: 1;}
}


*, ::before, ::after {

    margin: 0;
    padding: 0;
    clear: both; 
}

body, html {
 
}

 #svg_obj {
    width: 101%;
    height: 101%;
    object-fit: contain;
    object-position: top 50%;
    
    position: fixed;
    top: -1px;
    left: -1px; 
    z-index: -98;  
}


#htm_obj {
    width: 96%;
    height: 96%;
    position: absolute;
    padding: 0px;
}

@media screen and (max-width: 600px) {
  #htm_obj {
    width: 91%;
    height: 91%;
    position: absolute;
    padding: 0px;
}
    
}


.modallnk {
    display: none;
}

header {
  
}

footer {
    
}