.inter-font {
    font-family: 'Inter', sans-serif;
}

.fill-relative {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.full-size {
    width: 100%;
    height: 100%;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}
.half-width {
    width: 50%;
}
.between-buttons {
    margin-top: -20px;
    margin-bottom: -25px;
    transform: scale(50%);
    opacity: 20%;
    transition: transform 500ms, opacity 500ms, margin-top 500ms, margin-bottom 500ms;
}
.between-buttons:hover {
    margin-top: 0;
    margin-bottom: 0;
    transform: scale(100%);
    opacity: 100%;
}

.hover-grow {
    transition: transform 200ms;
}
.hover-grow:hover {
    transform: scale(103%);
}

.fade-in {
    opacity: 0; 
    animation: linear fade-in 400ms forwards;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}