style.css

*{
    margin:0;
    padding:0
}

.container{
    width:100%;
    height:100vh;
    background-image:url(Images/background.png);
    padding-left: 5%;
    padding-right:5%;
    box-sizing: border-box;
    position:relative;
}


.navbar{
    width:100%;
    height:15vh;
    display: flex;
    margin: auto;
    align-items:center
}

.logo{
    width:160px;
    cursor:pointer;
}
.cart{
    width:40px;
    cursor:pointer;
}

nav{
    flex:1;
    padding-left: 60px;
}

nav ul li{
    display:inline-block;
    list-style:none;
    margin:0 20px;
}

nav ul li a{
    text-decoration: none;
    color:#333;
}

.content h1{
    font-size:60px;
    font-weight:100;
    margin-top:24px;
    margin-bottom: 15px;
    color:#232d60;
}

.content p{
    font-size:20px;
    color:#6a7199;
}

.content{
    margin-top: 10%;
    margin-left: 10%;
}

.content .btn{
    background: linear-gradient(45deg,#87adfe,#ff77cd);
    display:inline-block;
    border-radius: 6px;
    padding:10px 20px;
    box-sizing: border-box;
    text-decoration: none;
    color:#fff;
    box-shadow:3px 8px 22px rgb(94, 28, 68);
}

.arrow-icons
{
    margin-top:40px;
    display: flex;
}

.arrow-icons img{
    width:40px;
    margin-right: 25px;
}

.main-image{
    height: 90%;
    position: absolute;
    bottom: 0;
    right: 160px;
}

.socials{
    transform: rotate(-90deg);
    position: absolute;
    left: -80px;
    bottom:180px;
}
.socials a{
    text-decoration: none;
    color: #6a7199;
    padding-right: 20px;
    font-size:14px
}