body {
     font-family: "Sofia", cursive;
     color: white;
     font-weight: 400;
     font-style: normal;
     text-align: center;
     background-color: #ffc1c6;
}

h1 {
     font-size: 4em;
     background-color: #d3d3d3;
}

.slogan {
     font-family: "Handlee", cursive;
     font-weight: 400;
     font-style: italic;
     font-size: 1.5em;
}

.aboutme {
     font-family: "Handlee", cursive;
     font-weight: 400;
     font-size: 2em;
     background-color: #d3d3d3;
     text-align: center;
     font-style:oblique;
     display: flex;
     padding-right: 5vw;
     padding-left: 5vw;
     padding-top: 2vw;
     padding-bottom: 2vw;
}

.haileyimg {
     text-align: left;
     display: flex;
     padding-right: 2vw;
}

.ad {
     font-size: 2em;
     font-family: "Sofia", cursive;
     color: white;
     font-weight: 400;
     font-style: normal;
}

h4 {
     margin: 0%;
     font-family: "Handlee", cursive;
     font-weight: 400;
     font-style: normal;
}

.accordion {
     border-bottom: 1px solid pink;
}

.accordion-top {
     font-family: "Handlee", cursive;
     font-weight: 400;
     font-style: normal;
     padding: 2vw 2vw;
     cursor: pointer;
     color: white;
     font-size: 2em;
}

.accordion-top h3::after {
     font-family: "Handlee", cursive;
     content: '\221F';
     transform: rotate(-45deg);
     float: right;
     font-size: 1.7rem;
}

.accordion-body {
     font-family: "Handlee", cursive;
     height: 0;
     padding: 0vw 2vw;
     overflow: hidden;
     transition: all 150ms;
     font-size: 1.5em;
}

.accordion.open .accordion-body {
     height: auto;
     padding: 2vw;
}

hr.rounded {
     border-top: 8px solid #d3d3d3;
}

.bold {
     font-weight: bolder;
}

.contact {
     position: fixed;
     bottom: 0;
     right: 0;
     width: 300px;
     cursor: pointer;
     background-color: #d3d3d3;

}