.navigation {
    display: flex;
    justify-content: space-around;
    flex: 1;
}

.left-nav {
    display: flex;
    height: 50px;
    width: 50px;
}

.right-nav {
    display: flex;
    justify-content: space-between;
}

.nav-list {
    display: flex;
    gap: 50px;
}

.right-nav li {
    list-style-type: none;
}

.right-nav a {
    color :white;
}

.main-text a {
    color :white;
}

.main-text a:hover, .right-nav a:hover {
    border-bottom: 3px solid white;
}

.logo {
    height: 50px;
    width: 50px;
    justify-content: center;
    align-items: center;
}

.main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

body {
    background-color: #F2686A;
    color: white;
}

.body-img {
    height: 600px;
    width: 600px;
}