@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;}

 a:link {color: white; text-decoration: none;}
 a:visited {color: white;}
 a:hover {Color: white; font-size: 120%;}

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

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: #CA6CFA; }

.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: #afc8cc; display: flex; align-items: center; justify-content: center;}

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

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

.goals {
  text-align: center;
  margin-bottom: 100px;
  background-color: #EF8CFA;
}