@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Oooh+Baby&display=swap');

body {
   background-color: #000;
   color: #fff;
   font-family: 'Josefin Sans', sans-serif;
   font-weight: 300;
}

header {
   display: flex;
   justify-content: center;
}

header ul {
   display: flex;
   padding: 10px 10px 50px 10px;
   font-size: 20px;
}

li {
   list-style: none;
   margin: 5px 10px;
}

h1 {
   font-size: 50px;
   font-weight: 700;
   margin: 0;
}

.description h2{
   padding: 100px;
   font-weight: 300;
}

section {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.hero-section {
   margin-top: 17vh;
   text-align: center;
}

.cursive-text {
   font-style: italic;
   font-weight: 100;
}

footer {
   position: fixed;
   bottom: 0;
   left: 0;
   display: flex;
   justify-content: center;
   width: 100vw;
}

footer ul {
   display: flex;
   padding: 10px 10px 50px 10px;
   font-size: 20px;
   font-weight: 300;
}

a {
   text-decoration: none;
   color: #fff;
}

.socials {
   width: 100px;
   height: 320px;
   background-color: #cff27c;
   border-radius: 30px 0 0 30px;
   position: fixed;
   right: 0;
   top: 27vh;
}

.social {
   width: 100%;
   height: 33%;
}

.wave {
   fill: #131313;
   width: 100vw;
   height: 65vh;
   position: fixed;
   bottom: 0;
   left: 0;
}

.social svg {
   fill:#CE8964;
}