/* Main Styling */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Raleway&family=Source+Serif+Pro&family=Mali&display=swap");
body { background-image: url("/assets/images/bgs/skylinebg.jpg"); background-repeat: repeat-x; background-position: bottom; background-attachment: fixed; background-color: #53229F; color: black; font-family: 'Source Serif Pro', serif; margin: 0; padding: 0; }

h1 { font-family: 'Mali', cursive; background-color: rgba(170, 27, 226, 0.26); border: 1px solid rgba(0, 0, 0, 0.63); padding: 3px; text-align: center; }

h2 { font-family: 'Mali', cursive; background-color: rgba(170, 27, 226, 0.26); border: 1px solid rgba(0, 0, 0, 0.63); text-align: center; }

.maintext a { border-bottom: 1px dotted; color: #7ee2d2; }

.maintext a:hover { color: aquamarine; }

/* Flex */
#contain { background-color: rgba(111, 150, 209, 0.712); border-left: 2px solid black; border-right: 2px solid black; height: 100%; margin: 0 auto; min-height: 100vh; width: 70%; padding: 0; }

.container { margin: 0 auto; padding: 10px; outline: none; display: flex; flex-wrap: wrap; justify-content: center; }

/*Navigation */
/* Navbar container */
.navbar { overflow: hidden; color: #202c63; }

/* Links inside the navbar */
.navbar a { float: left; font-size: 16px; color: #161e44; text-align: center; padding: 10px; margin: 3px; background-color: #bbefff; border-radius: 3px; text-decoration: none; border: 1px dashed #2D234A; }

.navbar a:hover { text-decoration: underline wavy; }

/* The dropdown container */
.dropdown { float: left; overflow: hidden; }

/* Dropdown button */
.dropdown .dropbtn { font-size: 16px; border: 1px dashed #2D234A; outline: none; color: #161e44; background-color: #bbefff; padding: 10px; margin: 3px; border-radius: 5px; font-family: inherit; }

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn { background-color: #795DCA; }

/* Dropdown content (hidden by default) */
.dropdown-content { display: none; position: absolute; background-color: #bbefff; border-radius: 3px; min-width: 160px; z-index: 1; }

/* Links inside the dropdown */
.dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; }

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover { background-color: #795DCA; }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content { display: block; }

.gallerycontain { display: flex; flex: 1; flex-wrap: wrap; justify-content: center; align-items: baseline; }

div.gallery { /* Style */ margin: 20px; max-width: 200px; height: auto; /* Transition */ -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; }

div.gallery:hover { transform: scale(1.5); }

div.gallery img { width: 100%; height: auto; padding: 2px; }

/*# sourceMappingURL=styles.css.map */