* {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    
    header {
        flex-direction: row;
        flex-wrap: nowrap;
        display: inline-flex;
        /* background-color: skyblue; */
        position: fixed;
        width: 100%;
        right: 0px;
        background-color: rgba(255, 255, 255, 0.973);
        padding: 10px;
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
    }
    
    #bars {
        margin-top: 6px;
        font-size: 20px;
        margin-right: 20px;
        margin-left: 18px;
    }
    
    #you {
        color: red;
        font-size: 25px;
        justify-content: center;
        margin-top: 6px;
        margin-right: 2px;
    }
    
    #youtube {
        font-family: 'Oswald', sans-serif;
        font-size: 23px;
    }
    
    #in {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 10px;
        margin-left: 3px;
        /* margin-bottom: 15px; */
    }
    
    #search {
        outline: none;
        border: none;
        font-size: 17px;
        width: 500px;
        justify-content: center;
        align-items: center;
        margin-top: 2px;
    }
    
    #icon1 {
        width: 22px;
        height: 22px;
        border-radius: 30px;
        border: none;
        background-color: whitesmoke;
        margin-left: 3px;
    }
    
    #icon2 {
        width: 22px;
        border: none;
        height: 22px;
        border-radius: 30px;
        background-color: whitesmoke;
        margin-left: 3px;
    }
    
    #searchbar {
        border: 2px solid #ededed;
        padding-top: 5px;
        /* position: relative; */
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        justify-content: center;
        align-items: center;
        padding: 5px;
    }
    
    #one {
        color: black;
        width: max-content;
        margin-right: 20px;
        font-size: 20px;
    }
    
    #two {
        color: black;
        width: max-content;
        margin-right: 20px;
        font-size: 20px;
    }
    
    #iconic {
        display: none;
    }
    
    #three {
        color: black;
        width: max-content;
        margin-right: 20px;
        font-size: 20px;
    }
    
    #plus20 {
        columns: white;
        background-color: orangered;
        border-radius: 10px;
        font-size: 8px;
    }
    
    footer {
        display: none;
    }
    
    #four {
        background-color: orangered;
        border-radius: 20px;
        font-size: 20px;
        font-weight: bolder;
        /* width: 20px; */
        /* height: 20px; */
        justify-content: center;
        align-items: center;
        text-align: center;
        color: white;
        font-style: normal;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 1px;
        padding-bottom: 2px;
        margin-right: 20px;
    }
    
    #nav1 {
        /* position: relative; */
        right: 10px;
        margin-top: 10px;
    }
    
    aside {
        margin-top: 60px;
        position: fixed;
        overflow-y: scroll;
        height: 90vh;
        scrollbar-color: red;
    }
    
    aside nav {
        margin-top: 10px;
        border-bottom-width: 40%;
        left: 20px;
        border-bottom: 1px solid lightgray;
        padding-right: 2px;
    }
    
    aside nav li {
        list-style: none;
        margin-bottom: 2px;
        padding: 5px;
        padding-left: 20px;
    }
    
    aside nav li a {
        padding-left: 20px;
        text-decoration: none;
        color: black;
        font-family: 'Padauk', sans-serif;
    }
    
    aside nav li i {
        width: 18px;
    }
    
    aside nav li:hover {
        background-color: whitesmoke;
    }
    
    #subscriber {
        font-weight: bold;
        color: gray;
        margin-bottom: 10px;
        margin-left: 10px;
        font-family: Arial, Helvetica, sans-serif;
    }
    
    main {
        padding-top: 80px;
        /* position: relative; */
        padding-left: 210px;
        flex-direction: row;
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
        /* margin-right: auto; */
    }
    
    #logo {
        height: 150px;
        width: 240px;
        border-collapse: collapse;
        border-radius: 3px;
    }
    
    article {
        width: 250px;
        /* border: 5px solid gray; */
        padding: 5px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #add {
        font-family: 'Rubik', sans-serif;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 2px;
    }
    
    #para {
        font-size: 14px;
        color: gray;
    }
    
    #link {
        color: darkgray;
        text-decoration: none;
        font-weight: normal;
        font-size: 13px;
    }
    
    #ad {
        color: orange;
        font-size: 16px;
    }
    
    #hr {
        margin-bottom: -15px;
        visibility: hidden;
    }
    
    @media(max-width:770px) {
        * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }
        header {
            flex-direction: row;
            flex-wrap: nowrap;
            display: inline-flex;
            /* background-color: skyblue; */
            position: fixed;
            width: 100%;
            right: 0px;
            background-color: rgba(255, 255, 255, 0.973);
            padding: 10px;
            border-top: 1px solid #ededed;
            border-bottom: 1px solid #ededed;
            /* to scroll the header */
            /* overflow-x: scroll; */
            height: 6vh;
        }
        #bars {
            margin-top: 6px;
            font-size: 16px;
            margin-right: 20px;
            margin-left: 18px;
            display: none;
        }
        #you {
            color: red;
            font-size: 18px;
            justify-content: center;
            margin-top: 4px;
            margin-right: 2px;
        }
        #youtube {
            font-family: 'Oswald', sans-serif;
            font-size: 16px;
        }
        #in {
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 7px;
            margin-left: 3px;
            display: none;
            /* margin-bottom: 15px; */
        }
        #search {
            display: none;
        }
        #searchbar {
            display: none;
        }
        #icon1 {
            color: black;
            width: max-content;
            margin-right: 10px;
            font-size: 20px;
        }
        #icon2 {
            /* width: 18px;
            border: none;
            height: 18px;
            border-radius: 30px;
            background-color: whitesmoke;
            margin-left: 3px; */
            display: none;
        }
        #iconic {
            display: block;
            color: black;
            width: max-content;
            margin-right: 20px;
            font-size: 18px;
            background-color: transparent;
            border: none;
            /* outline: none; */
            text-decoration: none;
        }
        #one {
            color: black;
            width: max-content;
            margin-right: 10px;
            font-size: 19px;
        }
        #two {
            color: black;
            width: max-content;
            margin-right: 10px;
            font-size: 19px;
            display: none;
        }
        #three {
            color: black;
            width: max-content;
            margin-right: 10px;
            font-size: 18px;
        }
        #plus20 {
            columns: white;
            background-color: orangered;
            border-radius: 10px;
            font-size: 7px;
        }
        #four {
            background-color: orangered;
            border-radius: 20px;
            font-size: 16px;
            font-weight: bolder;
            /* width: 20px; */
            /* height: 20px; */
            justify-content: center;
            align-items: center;
            text-align: center;
            color: white;
            font-style: normal;
            padding-right: 5px;
            padding-left: 5px;
            padding-top: 1px;
            padding-bottom: 2px;
            margin-right: 10px;
        }
        #nav1 {
            /* position: relative; */
            right: 10px;
            margin-top: 10px;
            position: absolute;
            right: 5px;
            bottom: 10px;
        }
        aside {
            margin-top: 60px;
            position: fixed;
            overflow-y: scroll;
            height: 90vh;
            scrollbar-color: red;
            display: none;
        }
        aside nav {
            margin-top: 10px;
            border-bottom-width: 40%;
            left: 20px;
            border-bottom: 1px solid lightgray;
            padding-right: 2px;
        }
        aside nav li {
            list-style: none;
            margin-bottom: 2px;
            padding: 5px;
            padding-left: 20px;
        }
        aside nav li a {
            padding-left: 20px;
            text-decoration: none;
            color: black;
            font-family: 'Padauk', sans-serif;
        }
        aside nav li i {
            width: 18px;
        }
        aside nav li:hover {
            background-color: whitesmoke;
        }
        #subscriber {
            font-weight: bold;
            color: gray;
            margin-bottom: 10px;
            margin-left: 10px;
            font-family: Arial, Helvetica, sans-serif;
        }
        main {
            padding-top: 30px;
            /* position: relative; */
            /* padding-left: 210px; */
            /* flex-direction: row; */
            display: flex;
            flex-wrap: wrap;
            margin-left: -200px;
            /* margin-right: auto; */
            height: 93vh;
            overflow-y: scroll;
        }
        #logo {
            height: 180px;
            width: 330px;
            /* border-collapse: collapse; */
            border-radius: 3px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            align-items: center;
            justify-content: center;
        }
        article {
            width: 350px;
            padding: 5px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
        }
        #add {
            font-family: 'Rubik', sans-serif;
            font-weight: bold;
            font-size: 16px;
            margin-bottom: 2px;
        }
        #para {
            font-size: 14px;
            color: gray;
        }
        #link {
            color: darkgray;
            text-decoration: none;
            font-weight: normal;
            font-size: 13px;
        }
        #ad {
            color: orange;
            font-size: 16px;
        }
        #hr {
            margin-bottom: -15px;
            visibility: hidden;
        }
        footer {
            display: flex;
            flex-direction: row;
            text-align: center;
            justify-content: center;
            align-items: center;
            align-self: center;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            height: 8vh;
            background-color: whitesmoke;
        }
        nav {
            margin-left: auto;
            margin-right: auto;
            flex: 1;
            font-size: 8px;
            font-family: 'Roboto Mono', monospace;
            font-weight: bold;
        }
        #foot1 {
            font-size: 20px;
            color: black;
        }
        #foot2 {
            font-size: 20px;
            color: black;
        }
        #foot3 {
            font-size: 20px;
            color: black;
            border: 1px solid black;
            border-radius: 20px;
            height: 30px;
            width: 35px;
            padding: 1px;
            padding-left: 7px;
            padding-right: 7px;
            justify-content: center;
            text-align: center;
            align-items: center;
            font-weight: bold;
        }
        #foot4 {
            font-size: 18px;
            color: black;
        }
        #foot5 {
            font-size: 20px;
            color: black;
        }
    }