* {
    margin: 0;
    padding: 0;
}

html {
    min-height: 100dvh;
}

body {

    background-color:hsla(0,0%,100%,1);
    background-image:
    radial-gradient(at 50% 45%, hsla(260,41%,92%,0.25) 0px, transparent 50%),
    radial-gradient(at 80% 100%, hsla(178,100%,94%,0.25) 0px, transparent 50%),
    radial-gradient(at 0% 0%, hsla(255,100%,90%,0.25) 0px, transparent 50%);
    
    background-repeat: no-repeat;
    background-position: fixed;

    min-height: 100%;
}

.bg-1 {
    background-image: url("../assets/imgs/cover.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .1;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.glass {
    background-image: linear-gradient(135deg, rgba(225,225,225,0.1), rgba(225,225,225,0));     
    --bs-card-bg: linear-gradient(135deg, rgba(225,225,225,0.1), rgba(225,225,225,0));

    backdrop-filter: blur(10px);
    border: none;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
}

main > div {
    margin-inline: 2%;

    display: flex;
    flex-direction: column;
    gap: 20px;

    margin-bottom: 20px;
}

h2.glass {
    padding: 3%;
}

.glass-card h5, .glass-card h3{
    padding-top: 20px;
    padding-bottom: 10px;
}

.glass-card h5{
    color: rgb(60, 32, 97);
}

/* ------- Fonts -------------------------------------- */

@font-face {
    font-family: Acme;
    src: url(../assets/fonts/Acme-Regular.woff);
}
@font-face {
    font-family: Exo;
    src: url(../assets/fonts/Exo-SemiBold.woff);
}
@font-face {
    font-family: Sora;
    src: url(../assets/fonts/Sora-VariableFont_wght.woff);
}

@font-face {
    font-family: Caveat-B;
    src: url(../assets/fonts/CaveatBrush-Regular.woff);
}

@font-face {
    font-family: Caveat;
    src: url(../assets/fonts/Caveat-VariableFont_wght.woff);
}

@font-face {
    font-family: Toggle;
    src: url(../assets/fonts/OpenSans-VariableFont_wdth.woff);
}

@font-face {
    font-family: Tech;
    src: url(../assets/fonts/ShareTechMono-Regular.woff);
}

@font-face {
    font-family: Ubuntu;
    src: url(../assets/fonts/UbuntuMono-Regular.woff);
}

.f-sora{
    font-family: Sora, sans-serif;
}

.f-exo{
    font-family: Exo, sans-serif;
}

.f-acme{
    font-family: Acme, sans-serif;
}

.f-caveat{
    font-family: Caveat, sans-serif;
}

.f-caveat-b{
    font-family: Caveat-B, sans-serif;
}

.f-tech{
    font-family: Tech, sans-serif;
}

.f-ubuntu{
    font-family: Ubuntu, sans-serif;
}