@charset "UTF-8";
/* CSS Document */

@font-face {font-family:regular; src: url(../Images_n_videos/fonts/now/NowAlt-Light.otf);}


*{box-sizing: border-box;}



/*-----------------------------------------------------------------------*/

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Prevents scrollbars */
}

.img_index {
    width: 100vw;
    height:100vh;
    object-fit: cover;
    text-align: center;}

/*------------------------
.typo { position: absolute;
        text-align: center;
        /*margin: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:90%;
        height: 90%;
        border: 3px solid green; 
        border: 1px white solid;
        border-radius: 10px;}
------------------*/

#trend1{position: absolute; 
        right:0px;
        /*padding-top: 50%;*/
        width: 8vw;
        height:100vh;
        object-fit: cover;
        border-left: 1px solid black;
        color: white;}

p{/*position: absolute; */ color: grey;
  display: block;
  font-size: 10vh;
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%);
  transform:rotateZ(90deg);}

#trend2{position: absolute; 
        right:10vw;
        padding-top: 100%;
        width: 40vw;
        height:100vh;
        object-fit: cover;
        text-align: center;
        border-left: 1px solid red;
        color: white;}

#trend3{position: absolute; 
        right:50vw;
        padding-top: 100%;
        width: 40vw;
        height:100vh;
        object-fit: cover;
        text-align: center;
        border-left: 1px solid red;
        color: white;}