:root {
    color-scheme: light dark;
}
.hero {
    background: linear-gradient(to right,light-dark(#ffecd2,#dfccb2), light-dark(#fcb69f,#dc967f));
    padding: 60px 0;
    text-align: center;
    color:light-dark(#111,#fff);
}

header a, nav a {
    text-decoration: none;
}

a {text-decoration: underline; color:light-dark(#000,#fff);}

body {
    background-color:light-dark(#eee,#111);
    color:light-dark(#111,#eee);
}
.card {
    background-color:light-dark(#eee,#222);
    color:light-dark(#222, #eee);
}
.pricing-card {
    transition: transform 0.3s;
}
.pricing-card:hover {
    transform: scale(1.05);
}
.section-title {
    margin-bottom: 30px;
}
footer a {
    color:#fff;
}

#logoutButton {
    background-color:light-dark(#f8f9fa, #333);
    border:light-dark(#f8f9fa, transparent);
    color:light-dark(#aaa,#aaa);
}

@media (prefers-color-scheme: dark) {
  .btn-close {
    --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  }
}

.modal-content {
    background-color:light-dark(#fff, #222);
}

.hero {
    color:light-dark(#000, #fff);
}

#floatingDiploma {
    z-index: -1;
    position: fixed;
    top: 0;
    opacity: 0.25;
    transform: rotate(17deg);
    width:100vw;
    height:100vh;
    text-align: center;
    display: flex;
    justify-content: center;
}

#floatingDiploma img {
    
}

.img-hor {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}