@media(max-width: 1400px){
    .textbox head1{
        font-size: 40px;
    }
    .navilinks ol li{
        display: block;
        padding: 10%;
        top: 40px;
        border-bottom: 1px solid #fff;
    }
    .navilinks{
        position: absolute;
        background: url(images/bg.png);
        height: 100%;
        width: 200px;
        top: 0;
        right: -200px;
        text-align: right;
        z-index: 2;
        transition: 0.4s;
    }

    .navigation {
        position: absolute;
        top: 0px;
       left: -50px;
        width: 30px;
        height: 30px;
       cursor: pointer;
       border: none;
       outline: none;
       background: transparent;
       margin: px;
    }
    
    .navigation span{
        display: block;
        width: 35px;
        height: 3px;
        background: #fff ;
        position: absolute;
        top: 24px;
        transition: 0.4s;
    }
    .navigation span::before{
        content: '';
        position: absolute;
        top: 10px;
        left: 0;
        width: 100%;
        height: 3px;
        background: #fff;
        transition: 0.4s;
    }
    .navigation span::after{
        content: '';
        position: absolute;
        top: -10px;
        left: 0;
        width: 100%;
        height: 3px;
        background: #fff;
        transition: 0.4s;
    }
    .active {
        right: 0px;
    }

    .quiz {
        min-height: 40vh;
        width: 100%;
        background:url(images/hehe.png);
        background-position: center;
        background-size: cover;
        display: flex;
        position: relative;
      }

      .quiz img{
        display: none;
      }
      
      .quiz h1 {
        width: 90%;
        color: #000;
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        font-size: 38px;
        font-family: 'Special Elite', cursive;
      }
    
      .buzzfeedLink {
        position: absolute;
        top: 50%; 
        left: 50%; 
        transform: translate(-50%, -50%); 
        margin-top: 50px;
        display: inline-block;
        font-size: 25px;
        font-family: 'Special Elite', cursive;
        color: #000;
        border: #000 2px;
    }

    .morepics div{
        display: block;
        padding: 0;
        width: 100%;
        height: 80vh;
        float:inline-start;
    }

    .creator {
        width: 90%;
        color: #000;
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: right;
    }
.creator head1{
    font-size: 30px;
    text-align: left;
}
.creator p{
    font-size: 80px;
    text-align: right;
    color: #000;
    right: 50%;
    padding-top: 0%;
}
      
      
}