@import url('https://fonts.googleapis.com/css2?family=Alegreya&family=Alegreya+SC&family=Alegreya+Sans&family=Alegreya+Sans+SC&family=Alice&family=Alumni+Sans&family=Alumni+Sans+Collegiate+One&family=Alumni+Sans+Pinstripe&family=Amatic+SC&family=Andika&family=Anonymous+Pro&family=Arimo&family=Arsenal&family=Bad+Script&family=Balsamiq+Sans&family=Bellota&family=Bellota+Text&family=Bitter&family=Bona+Nova&family=Brygada+1918&family=Caveat&family=Charis+SIL&family=Comfortaa&family=Comforter&family=Comforter+Brush&family=Commissioner&family=Cormorant&family=Cormorant+Garamond&family=Cormorant+Infant&family=Cormorant+SC&family=Cormorant+Unicase&family=Cousine&family=Cuprum&family=Didact+Gothic&family=EB+Garamond&family=El+Messiri&family=Exo+2&family=Finlandica&family=Fira+Code&family=Fira+Mono&family=Fira+Sans&family=Fira+Sans+Condensed&family=Fira+Sans+Extra+Condensed&family=Forum&family=Gabriela&family=Gentium+Book+Plus&family=Gentium+Plus&family=IBM+Plex+Mono&family=IBM+Plex+Sans&family=IBM+Plex+Serif&family=Inter&family=Istok+Web&family=JetBrains+Mono&family=Jost&family=Jura&family=Kelly+Slab&family=Kurale&family=Ledger&family=Literata:opsz@7..72&family=Lobster&family=Lora&family=Manrope&family=Marmelad&family=Merriweather&family=Montserrat&family=Montserrat+Alternates&family=Mulish&family=Murecho&family=Neucha&family=Noto+Sans&family=Noto+Sans+Display&family=Noto+Sans+Mono&family=Noto+Serif&family=Noto+Serif+Display&family=Nunito&family=Nunito+Sans&family=Oi&family=Old+Standard+TT&family=Open+Sans&family=Oranienbaum&family=Orelega+One&family=Oswald&family=Overpass&family=Overpass+Mono&family=PT+Mono&family=PT+Sans&family=PT+Sans+Caption&family=PT+Sans+Narrow&family=PT+Serif&family=PT+Serif+Caption&family=Pacifico&family=Pangolin&family=Pattaya&family=Philosopher&family=Piazzolla:opsz@8..30&family=Play&family=Playfair+Display&family=Playfair+Display+SC&family=Podkova&family=Poiret+One&family=Prata&family=Press+Start+2P&family=Prosto+One&family=Raleway&family=Reggae+One&family=Roboto&family=Roboto+Condensed&family=Roboto+Flex:opsz@8..144&family=Roboto+Mono&family=Roboto+Slab&family=Rubik&family=Rubik+Beastly&family=Rubik+Bubbles&family=Rubik+Burned&family=Rubik+Dirt&family=Rubik+Distressed&family=Rubik+Glitch&family=Rubik+Iso&family=Rubik+Marker+Hatch&family=Rubik+Maze&family=Rubik+Microbe&family=Rubik+Mono+One&family=Rubik+Moonrocks&family=Rubik+Puddles&family=Rubik+Wet+Paint&family=Ruda&family=Ruslan+Display&family=Russo+One&family=STIX+Two+Text&family=Scada&family=Seymour+One&family=Source+Code+Pro&family=Source+Sans+3&family=Source+Sans+Pro&family=Source+Serif+4:opsz@8..60&family=Source+Serif+Pro&family=Spectral&family=Spectral+SC&family=Stalinist+One&family=Tenor+Sans&family=Tinos&family=Train+One&family=Ubuntu&family=Ubuntu+Condensed&family=Ubuntu+Mono&family=Underdog&family=Viaoda+Libre&family=Vollkorn&family=Vollkorn+SC&family=Yanone+Kaffeesatz&family=Yeseva+One&family=Yomogi&display=swap');

.default-theme {
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow-y: auto;
}

.base-field {
    margin: 1.5em 0 1.5em 0;
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: 45px;
    height: auto;
}

.base-link {
    width: 270px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

a {
    text-decoration: none !important;
}

body {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
}

.base-text > * {
    width: 90%;
    word-wrap: anywhere;
    position: relative;
}

.base-text {
    display: flex;
    justify-content: center;
    width: 700px;
    padding: 0.5em 0.5em .5em 0.5em;
    align-items: center;
    flex-direction: column;
}

.base-image {
    display: flex;
    justify-content: center;
    width: 100%;
}

.inner-image {
    max-width: 720px;
}
.inner-image > img {
    margin: 0 auto;
    display: block;
}
.base-image > a {
    display: flex;
    justify-content: center;
    width: 100%;
}


.base-header {
    display: flex;
    justify-content: center;
    width: 100%;
}

.base-image > img {
    max-width: 100%;
    position: relative;
}

.base-icon {

}


.society-container {
    width: 300px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.base-society {
    width: fit-content;
    height: fit-content;
    margin-bottom: 5px;
}
.base-society+.base-society {
    margin-left: 10px;
}

.base-society > img {
    width: 40px;
}

.title-block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: auto;
    margin-left: auto;
}

.inner-image > a {
    display: flex;
    justify-content: center;
}