body{
    scroll-behavior: smooth;
    background-image: 
        linear-gradient(rgba(213, 241, 240, 0.9), rgba(244, 188, 235, 0.9)),
        url(https://i.pinimg.com/736x/40/a9/19/40a919953bd19cf09a5cddb5724d2ad4.jpg);
    background-size: cover;
}

.bar{
    background-color: rgba(229, 197, 255, 0.836);
    padding: 30px 5%; 
    display: flex; 
    justify-content: space-evenly;
    border-bottom: 1px solid #323232;  
    font-weight: bold; 
    font-size: 25px;
    border-radius: 10px;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
}
a{
    margin-right: 55px;
    margin-left: 55px;
    text-decoration: none;
    color:black;
    font-weight: bold;
    font-family: "Encode Sans Condensed", sans-serif;
}
#hero{
    margin-top: 10px;
    width: 100%;
    height: 100vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://i.ibb.co/TqTnV0yv/Untitled-Project.jpg);
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center top;
    background-repeat: no repeat;
    border-radius: 30px;
}
.hero-text{
    text-align: center;
    position: absolute;
    color: white;
    bottom: 1px;
    left:40%;
    font-family: "Moirai One", system-ui;
    font-size: 40px;
}
a:hover{
    text-decoration: underline;
    color: rgb(131, 193, 255);
}
.card{
    width: 80%;
    background-color: black;
}