body{
    margin:0;
    padding:0;
    background-color:pink;
    font-family:Arial, sans-serif;
}

.nav{
    height:50px;
    width:100%;
    background-color:white;
    position:fixed;
    display:flex;
    z-index:10;
}

.poi{
    font-size:20px;
    margin-top:0.8%;
    margin-left:2%;
}

.poi:hover{
    color:pink;
}

.logo{
    height:40px;
    width:40px;
    margin-left:2%;
    border-radius:100%;
    background-color:pink;
    margin-top:0.2%;
}

.sb{
    height:30px;
    width:30%;
    border-radius:30px;
    background-color:white;
    margin-top:0.4%;
    margin-left:3%;
    border:1px solid gray;
    padding-left:15px;
}

.box{
    height:600px;
    width:100%;
    float:left;
    margin-top:3.3%;
}

.aside{
    height:100%;
    width:20%;
    border-right:1px solid gray;
    float:left;
}

.icons{
    font-size:25px;
    margin-top:2%;
    margin-left:5%;
    margin-bottom:0%;
}

.icons:hover{
    color:white;
}

.m-box{
    height:100%;
    width:75%;
    float:left;
    margin-left:2%;
}

.b1{
    height:50%;
    width:100%;
    float:left;
}

.videos{
    height:100%;
    width:30%;
    float:left;
    margin-left:2.5%;
}

.vid{
    height:70%;
    width:100%;
    margin-top:0%;
    object-fit:cover;
    border-radius:10px;
}

.ft{
    height:40px;
    width:100%;
    float:left;
}

.iconsa{
    height:40px;
    width:40px;
    float:left;
    background-color:gray;
    border-radius:100%;
    margin-left:2%;
}

.ricons{
    font-size:20px;
    margin-top:0.8%;
    margin-left:35%;
}

.ricons2{
    font-size:20px;
    margin-top:0.8%;
    margin-left:1%;
}

.ricons:hover{
    color:pink;
}

.ricons2:hover{
    color:pink;
}