style.css

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Questrial';
}

body, html{
    width: 100%;
    height: 100%;
}

#main{
    width: 100%;
    height: 100%;
    background-color: white;
}

#nav{
    height: 100px;
    width: 100%;
    font-weight: lighter;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
    padding: 0 30px;
}

#nav h4{
    font-size: 20px;
    font-weight: 600;
}

#nav i{
    background-color: black;
    color: white;
    font-size: 20px;
    padding: 10px;
    font-weight: 500;
    border-radius: 50%;
}
#content{
    width: 100%;
    padding: 40px 90px 40px 130px;
}
/* Main Heading */
#content h1{
    font-size: 80px;
    line-height: 90px;
}
/* Paragraph  */
#center-in{
    padding: 50px 0 35px 0;
    display: flex;
    justify-content: space-between;
}
#center-in p{
    font-size: 20px;
    line-height: 30px;
}

/* Right Menu */
#right{
    width: 20%;
    margin: 90px 0 0 0;
    display: flex;
    flex-direction: column;
}
.elem{
    font-size: 20px;
    color: black;
    display: flex;
    align-items: center;
    padding: 20px;
}
.elem a{
    text-decoration: none;
    color: black;
}
.elem{
    display: flex;
    justify-content: space-between;
}
#bottom{
    height: 36%;
    width: 100%;
    background-color: red;
    background-image: url(https://images.unsplash.com/photo-1508418717103-8b56bcf03360?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
    background-size: cover;
    background-position: 0 25%;
}