/* Created by Nick Merchant - 2025-03-28 */
/* Base.CSS - Must include in all pages for this site */

@import url("@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');");
@import url("https://fonts.googleapis.com/css?family=Special Gothic Condensed One");

:root {
    --logo-color-1: #05b0ee;
    --logo-color-2: #ec268f;
    --highlite-color-1: #ffe34c;
    --black-color-1: black;
    --white-color-1: white;
    --gray-color-1: gray;
}

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    /* min-height: 100vh; */
    padding: 0;
    margin: 0;
    font-family: Poppins, Arial, Helvetica, sans-serif;
}

.page-container {
    min-height: 70vh;
    max-width: 700px;
    /* margin: 20px 0; */
    text-align: center;
    margin: auto;
    /* border: 1px solid green; */
}

/* Blue Box Container */
.outlined-container {
    border-radius: 12px;
    /* background-color: var(--white-color-1); */
    border: 3px solid var(--logo-color-1);
    padding: 10px;
    max-width: 700px;
    font-size: 24px;
    color: var(--text-color-1);
    margin: 10px;
}

/* p a {
    color: var(--logo-color-2);
} */

.button-with-link a {
    background-color: var(--logo-color-1);
    color: white;
    border: none;
    display: inline-block;
    border-radius: 12px;
    padding: 14px 25px;
    font-size: 14px;
    text-decoration: none;
}

/* Tests for youtube videos */

.vid {
    margin-top: 20px;
    width: 100%;
    height: 100%;

    overflow: auto;
}

.welcome1 {
    font-size: min(7vw, 60px);
    font-family: "Special Gothic Condensed One", Arial, Helvetica, sans-serif;
}

.welcome2 {
    font-size: min(3.5vw, 24px);
}