.page-body {
    padding: 5% 2%;
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 48
}


@media only screen and (min-width: 1024px) {
    .page-navbar {
        padding: 0 10%;
    }
}


.cookie-msg {
    position: fixed;
    min-width: 100vw;
    z-index: 9999;
    padding: 0 10%;
    margin: 10px;
    bottom: 0px;
    display: flex;
    justify-content: center;
}

.badge {
    position: relative;
    font-size: small;
    top: -0.5em;
    right: 1em;
    padding: 0px 5px;
    border-radius: 15%;
    background: red;
    color: white;
}

.bell {
    position: relative;
    font-size: 1.4em;
}

.bell-container {
    margin-right: 10px;
}

.notification-when {
    color: rgb(59, 59, 175);
    font-weight: bold;
    font-size: small;
}

.about-container{
    background-color: white !important;
    padding: 100px 50px !important;
}

.about-photo {
    max-width: 150px !important;
}

.about-photo-container {
    @media only screen and (max-width: 770px) {
        text-align: left !important;
        margin: 0 !important;
    }
}

.social-img {
    vertical-align: middle;
}

.certificates {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    row-gap: 50px;
}

.certificate {
    width: 350px;
    bottom: 0;
    transition: all 200ms linear;
}

.certificate:hover {
    bottom: 5px;
}