* {
    box-sizing: border-box;
}

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

@font-face { font-family: "Inter Light"; font-style: normal; font-weight: 300; font-display: swap; src: url("./fonts/Inter-Light.woff2") format("woff2"); }
@font-face { font-family: "Inter Regular"; font-style: normal; font-weight: 400; font-display: swap; src: url("./fonts/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Inter Medium"; font-style: normal; font-weight: 500; font-display: swap; src: url("./fonts/Inter-Medium.woff2") format("woff2"); }
@font-face { font-family: "Inter SemiBold"; font-style: normal; font-weight: 600; font-display: swap; src: url("./fonts/Inter-SemiBold.woff2") format("woff2"); }

body {
    background-image:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('./images/Huronis-Coming-Soon.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    padding: 30px;
    padding-top: 120px;
    color: #FFF;
    font-family: "Inter Light";
    font-size: 20px;
    position:relative;
    min-height: 100vh;
}

.maintenance{
    max-width: 800px;
    text-align:center;
}

.logo-img{
    width: 200px;
    position:absolute;
    top: 30px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
}

h1, h2{
    font-size: 48px;
    font-family: "Inter Medium";
}

p{
    padding-left: 30px;
    padding-right: 30px;
}

.mt-0{
    margin-top: 0px;
}
.mb-0{
    margin-bottom: 0px;
}

.mb-30{
    margin-bottom: 30px;
}

.mb-60{
    margin-bottom: 60px;
}