/* HypeLink - Custom Styles */

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.container {
    flex: 1;
}

/* Upload Area */
.upload-area {
    cursor: pointer;
    transition: all 0.3s ease;
}

.upload-area:hover {
    background-color: rgba(13, 110, 253, 0.1) !important;
}

.upload-area.border-primary {
    background-color: rgba(13, 110, 253, 0.2) !important;
}

.upload-icon {
    font-size: 4rem;
}

.upload-icon i {
    font-size: 4rem;
}

/* Share Type Buttons */
.share-type-btn.active {
    background-color: #0d6efd !important;
    color: white !important;
}

/* Icons */
.bi {
    vertical-align: middle;
}

/* Footer */
footer {
    margin-top: auto;
}