*{
    margin: 0%;
    padding: 0%;
    font-family: sans-serif;
}

.hero{
    position: relative;
    width: 100%;
    height: 87vh;
    background: #eff4fd;
}

nav{
    display: flex;
    width: 96%;
    margin: auto;
    padding: 0 0;
    align-items: right;
}

.detail{
    font-size: 25px;
    color: #212121;
    margin: 13%;
    margin-left: 8%;
    margin-bottom: 10px;
    align-items: left;
}

span{
    color: orangered;
}

.detail p{
    color: black;
    line-height: 20px;
}

.contact{
    background: none;
    display: flex;
    width: 90%;
    margin: auto;
    padding: 20px 0;
    align-items: center;
    justify-content: space-between;
    font-size: medium;
    font-weight: bold;
}

.fp{
    font-weight: bold;
    font-size: medium;
}

.contact ul li{
    display: inline-block;
    list-style: none;
    margin: 10px 20px;
}

.contact ul li a{
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

#insta{
    color: rgb(2, 24, 24);
    font-style: normal;
    font-weight: bold;
}

#fb{
    color: rgb(2, 24, 24);
    font-style: normal;
    font-weight: bold;
}

#twt{
    color: rgb(2, 24, 24);
    font-style: normal;
    font-weight: bold;
}

#mail{
    color: rgb(2, 24, 24);
    font-style: normal;
    font-weight: bold;
}