*, *::before, *::after {
    box-sizing: border-box;
}
* {
    margin: 0;
}
html, body {
    height: 100%;
    background:#3E3389;
    color:#fff;
}
body {
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
    font-family:"Helvetica Neue",Arial;

}
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;
}
#root, #__next {
      isolation: isolate;
}

#main {
    display:block;
    width:100vw;
    height:80vh;
    margin:0 auto;
}
li {
    list-style-type: none;
    font-size:11px;
    text-transform:uppercase;
}
li a, li a:hover, li a:active; li a:visited{
    color:#fff !important;
}

#socialmedia {
    display:block;
    position:absolute;
    bottom:20px;
    right:282px;
}

#socialmedia a {
    color:#fff;
}

#linkback {
    position:absolute;
    top:43px;
    left:43px;
    height:23px;
    width:23px;
}
/*new index*/

marquee {
    font-family:"Tangerine", fantasy;
    font-size:30px;
}
#newindex {
    background:url('images/woods_horizontal.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:bottom center;
}

#sethbulinlogo{
    width:69px;
    position:absolute;
    top:48px;
    left:21px;
}

#oeuvre {
    width:54px;
    position:absolute;
    top:48px;
    right:44px;
}
#waithere {
    width:120px;
    position:absolute;
    top:48%;
    left:50%;
    margin-left:-60px;
    
}

#weird {
    text-align:right;x
}

#weird img {
    display:inline;
    width:80%;
}

@media(max-width: 979px){
  #newindex {
    background:url('images/woods_vertical.jpg');
    background-repeat:no-repeat;
    background-size:cover;
      background-position:bottom center;
}

    #weird {
        display:none;
        
    }

#sethbulinlogo{
    width:69px;
    position:absolute;
    top:48px;
    left:21px;
}

#oeuvre {
    width:54px;
    position:absolute;
    top:48px;
    right:44px;
}
#waithere {
    width:120px;
    position:absolute;
    top:48%;
    left:50%;    
    margin-left:-60px;
}

/*index page*/

#index {
    background:#3E3389;
    background-repeat:no-repeat;
    background-size:contain;
}

#stars {
    height:27px;
    width:27px;
    position:absolute;
    top:49%;
    right:193px;
}

/*seth*/

#seth {
    background:#3E3389;
    background-repeat:no-repeat;
    background-size:contain;
}

#sethbulintitle {
    height:10px;
    width:73px;
    position:absolute;
    top:50px;
    right:280px;
}

#sethbulinmain {
    position:absolute;
    top:150px;
    right:52px;
    width:292px;
    height:342px;
}

#portfoliolinks {
    position:absolute;
    top:463px;
    right:277px;
}

#portfoliolinks a {
    color:#fff;
    text-decoration:none;
}

/*cinoti*/

#cinoti {
    background:#3E3389;
    background-repeat:no-repeat;
    background-size:contain;
}

#cinotilogo {
    position:absolute;
    top:50%;
    margin-top:-24px;
    left:130px;
    width:153px;
    height:47px;
}

#logos {
    background:#3E3389);
    background-repeat:no-repeat;
    background-size:contain;
}

#logo {
    position:absolute;
    width:88px;
    left:162px;
}

#logo.one {
    top:160px;
}

#logo.two {
    top:270px;
}

#logo.three {
    top:380px;
}

#logo.four {
    top:480px;
}