/* this is the css stylesheet for the STEM-to-STEAM camp pages */

.logo {
    border-radius: 50%;
    width:115px;
    height:115px;
    box-shadow:none;
}

body {
    background-color: white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.aligned {
    display: flex;
    align-items: center;
  }

.aligned2 {
    display: flex;
    align-items: center;
  }

span {padding: 20px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
  }

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.center {
    text-align: center;
}


.btn-group .button {
            background-color:#7fc3fb;
            border:1px;
            color:white;
            padding: 10px 32px;
            text-align: center;
            text-decoration:none;
            display: inline-block;
            font-size:relative;
            cursor:pointer;
            float: none;
            width:19.4%;
            transition-duration: 0.4s;

        }
        .btn-group .button:not(:last-child) {
            border-right: none;
        }
        
        .btn-group .button:hover {
            background-color:#60b1f4;
            box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
        }

        .center1 {
            display: block;
            margin-left: 20%;
            margin-right: 10%;
            width: 50%;
        }