@import url("./sp-typography.css");
@import url("./sp-theme.css");

body, html {
    margin: 0;
    height: 100%;
}

.bg-light {
    background-color: hsl(0, 0%, 100%) !important;
    box-shadow: 0px 1px 3px hsla(0, 0%, 0%, 0.1);
}

.recorder-title {
    padding-top: 8rem;
    font-weight: var(--font-weight-light);
}

.recording-button {
    font-weight: var(--font-weight-bold);
    color: hsl(0, 0%, 100%);
    background-color: hsl(196, 86%, 48%);
    padding: .5rem 3.25rem;
    border-radius: 20px;
    position: relative;
}

.recording-button i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
}