@import url('https://fonts.googleapis.com/css2?family=Karla:wght@300&family=Raleway:wght@300&display=swap');

body {margin: 0; font-family: 'Karla', sans-serif; font-size: 1.6em; line-height: 1.9em}

h1 {font-size: 3.5em; font-weight: bold; font-family: 'Raleway', sans-serif; color: white;}

h2 {font-size: 3em; font-weight: bold; font-family: 'Raleway', sans-serif; text-align: center; margin-top: 30px;}

P {font-family: 'Karla', sans-serif;}

section {width: 100vw; margin: 0; padding: 0;}

.cover {display: grid; place-items: center; background-color: blue; height: 100vh; text-align: center;}

.panel {background-color: #A97BFA; }

.panelContent{padding: 72px;}

.overlay{background-color: rgba(29,29,29,0.5); padding: 25px; border-radius: 10px;}
/*carousel stuff*/
#slideshowElement
{background-color: none; border-radius: 30px; width: 50%; margin: 0 auto;}

.carousel-cell
{width: 100%; height: 400px; background: #AE6E4E; display: flex; align-items: center; justify-content: center;}

.carousel.is-fullscreen .carousel-cell
{height: 100%;}

.carousel-cell img
{display: block; max-height: 100%;}