body {
    color: white;
}
h1 {
    font-family: "dynapuff-semi-condensed", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 62px;
    margin-top: 0px;
    margin-bottom: 0px;
}
h2 {
    font-family: "dynapuff", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    font-size: 40px;
    padding: 33px 0 23px;
    color: #000000;
}
h3 {
    font-family: "josefin-sans", sans-serif;
    font-weight: 600;
    font-style: normal;
    margin-top: 4px;
    margin-left: 13px;
}
p {
    color: #77C2FF;
    padding: 0 0 36px 0;
    line-height: 29px;
}
.logo {
    padding: 15px 0 15px 30px;
}
#logo {
    background-color: #000000;
}
.tickets {
   background-color: #CF0F1E;
   border-radius: 10px;
   color: white;
   padding: 14px 32px 14px 32px;
   text-decoration: none;
}
header {
    background-image:url(images/background.png);
    background-position: center;
    display: flex;
    gap: 550px;
}

#header {
    padding: 262px 0 289px 62px;
}

.jeff {
    margin-left: -550px;
    margin-bottom: -4px;
}

#flex_box {
    display: flex;
    justify-content: space-evenly; 
}

.incognito_dolphin_box {
    width: 240.29px;
    height: 293.61px;
    background-color: #77C2FF;
    border-style: solid;
    border-color: #002747;
    border-width: 14.79px 14.79px 50.57px 14.79px;
    border-radius: 10px;
}

.cuddly_fuzzlefin_box {
    width: 240.29px;
    height: 293.61px;
    background-color: #D8E7FF;
    border-style: solid;
    border-color: #485E81;
    border-width: 14.79px 14.79px 50.57px 14.79px;
    border-radius: 10px;
}

.sunshine_landshark_box {
    width: 240.29px;
    height: 293.61px;
    background-color: #7FF0AA;
    border-style: solid;
    border-color: #004119;
    border-width: 14.79px 14.79px 50.57px 14.79px;
    border-radius: 10px;
}

.jeff_lantern_box {
    width: 240.29px;
    height: 293.61px;
    background-color: #D76B00;
    border-style: solid;
    border-color: #5C2E00;
    border-width: 14.79px 14.79px 50.57px 14.79px;
    border-radius: 10px;
}

.business_shark_box {
    width: 240.29px;
    height: 293.61px;
    background-color: #9D9C9C;
    border-style: solid;
    border-color: #313131;
    border-width: 14.79px 14.79px 50.57px 14.79px;
    border-radius: 10px;
}


#outfits {
    background-color: lightslategray;
}
#outfit_flexbox {
    display: flex;
    justify-content: space-evenly;
   
}
.maincontain {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    padding-left: 24px;
    padding-bottom: 33.39px;
    padding-right: 3px;
}
/* .maincontain div {
  flex: 1; 
} */

#first {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.incognito_dolphin_image {
 margin: -360px 0px 0px -15px;
}

.cuddly_fuzzlefin_image {
 margin: -355px 0px 0px -5px;
}

.sunshine_landshark_image {
 margin: -317px 0px 0px 20px;
}

.jeff_lantern_image {
 margin: -345px 0px 0px -5px;
}

.business_shark_image {
 margin: -283px 0px 0px 0px;
}

#text {
    display: flex;
    justify-content: space-evenly;
}

@media screen and (max-width: 1650px) {
header {
    gap: 400px;
}

}