@import 'assets/fonts/humaroid.css';

body {
    margin: 0;
    height: 100vh;
    font-family: 'humaroidregular', serif;
}

.hero-section {
    height: 100vh;
    background-image: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0),
            rgba(48, 25, 52, 1)
    ), url('assets/backdrop.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
}

.logo-container {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100vh;
    pointer-events: none;
}

.logo {
    position: absolute;
    transition: all 0.5s ease;
    pointer-events: auto;
}

.company-logo-container {
    z-index: 1000;
    top: 0;
    left: 90%;
    height: 100vh;
    position: fixed;
    width: 100%;
}

.company-logo {
    position: absolute;
    top: 30px;
    right: 0;
}

.company-logo img {
    width: 10%;
}

.logo img {
    width: 70%;
}

.logo.centered {
    top: 50%;
    transform: translateX(3%);
}

.logo.top {
    top: 33px;
    transform: translateX(3%);
}

.blog {
    background-image: linear-gradient(rgba(48, 25, 52, 1),
    rgba(48, 25, 52, 1));
    position: relative;
    padding: 50px 0;
    height: fit-content;
}