@charset "UTF-8";
/* CSS Document */

/* Google Fonts already imported in HTML head */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&display=swap');

/* Body default font */
body {
    font-family: 'Nunito', sans-serif;
}

/* Paragraph styling */
p {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
}

/* Instructions */
.instructions {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1em;
}

/* Logo */
.logo {
    font-family: 'Oswald', sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    line-height: 100%;
    font-size: 6rem;
    /* adjust for responsive if needed */
}

/* Subtitle */
.subtitle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size:2em;
}

/* Secondary Logo (logo2) */
.logo2 {
    font-family: 'Nunito', sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    line-height: 90%;
    font-size: 6em;
}

/* Tagline */
.tagline {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1.5em;
}

/* Error messages */
.error {
    margin-left: 1em;
    margin-right: 1em;
}

/* Folder links */
.folder {
    cursor: pointer;
    color: #0d6efd;
}

.folder:hover {
    text-decoration: underline;
}

/* Breadcrumb links */
.breadcrumb a {
    text-decoration: none;
    color: #0d6efd;
}

.breadcrumb a:hover {
    text-decoration: underline;
}