/* author:tgandrews, date:12/2/2025 */

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



@font-face {
    font-family: 'science-gothic';
    src: url(fonts/Science_Gothic/ScienceGothic-VariableFont_CTRS\,slnt\,wdth\,wght.ttf)
}

.textstyleParagraph {
    font-family: science-gothic;
    font-size: small;

}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

h1 {
    font-family: science-gothic;
    font-size:xxx-large;
    text-align: center;
    text-shadow: 2px 2px 0px #fe0000a6, 4px 4px 0px rgba(240, 7, 7, 0.313);
    
}

body {
    background: radial-gradient(circle, transparent 14%, #F84C26 15%, #F84C26 25%, transparent 26%);
    background-size: 2em 2em;
    background-color: #f49919;
    opacity: 1;
    font-family: science-gothic;
    font-size: medium;
    margin: 0;
    padding: 3% 5%;
    box-sizing: border-box; 
}

p {
    font-family: science-gothic;
    font-size: medium;
    margin: 0;
}

img {
    position: relative;
    margin: auto;
    margin-top: 6%;
    margin-bottom: 6%;
    max-width: 40%;
    max-height: 60%;
    background-color: antiquewhite;
    padding: 4px;
    display: grid;
}

iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
    border: 4px double darkred;
    border-radius: 1em;
    background-color: antiquewhite;
    

}

.map-container {
    width: 100%;
    margin: 0 auto;
}

.homePageLink {
    font-family: science-gothic;
    display: flex;
    justify-content: center;
    padding-left: 10%;
    padding-right: 10%;
    margin: 5px;
    gap: 20px;
    height: 20px;
    font-size: x-large;
}

.header-card {
    position: sticky, absolute;
    height: 50px;
    left: 10px;
    top: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 3px;
    background-color: antiquewhite;
    text-align: center;
    border: 7px; 
    border-style: double;
    border-radius: 10px;
    border-width: medium;
    opacity: 100%;
}

.main-card {
    position:relative;
    background-color: antiquewhite;
    border-style: double;
    border-radius: 10px;
    border-width: 5px;
    border-color: darkred;
    opacity: 95%;
    padding: 3%;
    padding-top: 3%;
    margin-bottom: 1%;
}

/* .info-card {
    display: inline-flex;
    position: absolute;
    background-color: antiquewhite;
    border-style: double;
    border-radius: 10px;
    border-width: medium;
    opacity: 90%;
    padding: 4%;
} */

/* Mobile map for google maps*/
@media screen and (max-width:600px) {
iframe[src*="google"] {
    width: 100% !important;
    }
}



a:visited, a:link, a:active {
    text-decoration: none;
    color: black;

}

a:hover {
    color: orange;
}