.home-page-img {
    width: 35vw;
    margin: auto;
    object-fit:contain;
    object-position: 50% 50%;
}
.item {
    border:1px solid black;
    padding: 15px;
    margin: 15px;
}
.advertisment {
    position: relative;
    border:1px solid black;
    text-align: center;
    //margin:5px;
}
.advertisment > h5 {
    text-decoration: underline;
}
.ad-img {
    display: block;
    border:1px solid black;
    border-radius: 5px;
    width: 5vw;
    object-fit:contain;
    object-position: 50% 50%;
    margin:11px;
    padding:5px;
    z-index: -1;
}
#ad-video {
    display: block;
    border:1px solid black;
    height: 5vh;
    object-fit:contain;
    object-position: 50% 50%;
    margin:11px;
    padding:5px;
    z-index: -1;
}
#ad-img-result {
    position: absolute;
    z-index: 0;
    object-position: 50% 50%;
    width: 40vw;
    top: 25%;
    left:28%;
}
#ad-video-result {
    position: absolute;
    z-index: 0;
    object-position: 50% 50%;
    height: 30vh;
    top: 25%;
    left:20%;
}
#ad-left-side-bar {
    //display: flex;
    //flex-wrap:wrap;
    margin-left:5vw;
}
#ad {
    display:flex;
    width:90vw;
    flex-wrap:wrap;
    border:1px solid black;
    border-radius: 5px;
}
header {
    dispaly: flex;
    top:1px;
    left:1px;
}
.section {
    dispaly: inline;
    margin:5px;
}
#time-and-date {
    margin:15px;
}
#author {
    margin:15px;
}
#left-container {
    display:inline;
    width:15vw;
    border:1px solid black;
    margin-right:15px;
}
#right-container {
    display:inline;
    width:15vw;
    border:1px solid black;
    //margin-left:15px;
}
footer {
    background-color: lightblue;
    text-align: center;
    bottom:0;
}
#content-container {
    display: inline;
    width: 80vw;
    justify-content:center;
    text-align:center;
}
#top-container {
    border: 1px solid black;
}
#bottom-container {
    border: 1px solid black;
}
@media screen and (width <= 640px) {
    #content {
        width: 0rem;
    }
    #left-container {
        width: 15rem;
    }
    #right-content {
        width: 15rem;
    }
}
#container {
    display:flex;
    width:90vw;
}
@media screen and ( width >= 641px && width <= 1007px ) {
    #content {
        width: 0rem;
    }
    #left-container {
        width: 15rem;
    }
    #right-content {
        width: 15rem;
    }
}
@media screen and (width >= 1008px) {
    #content {
        width: 0rem;
    }
    #left-container {
        width: 15rem;
    }
    #right-content {
        width: 15rem;
    }
}
#high-container {
    width:90vw;
}