.bungee-shade-regular {
  font-family: "Bungee Shade", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.alegreya-sc-regular {
  font-family: "Alegreya SC", serif;
  font-weight: 400;
  font-style: normal;
}

.alegreya-sc-medium {
  font-family: "Alegreya SC", serif;
  font-weight: 500;
  font-style: normal;
}
.agdasima-regular {
  font-family: "Agdasima", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.agdasima-bold {
  font-family: "Agdasima", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.amita-regular {
  font-family: "Amita", serif;
  font-weight: 400;
  font-style: normal;
}
h2{
    align-items: center;
    margin-top: 40px;
    font-family: "Amita";
    margin-left: 35%;
    margin-right: 35%;
    width: auto;
}
* {
    margin: 0;
    box-sizing: border-box;
    padding: 0;
}
body{
    background-image: linear-gradient(to right, rgb(97, 95, 95),rgb(153, 148, 188),rgb(147, 174, 203));
}
body::before,
body::after {
  content: '';
  position: fixed;
  top: 0;
  width: clamp(20px, 3vw, 40px);
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.25);
  z-index: -1;
  clip-path: polygon(
    0 0, 100% 0, 0 5%, 100% 10%, 0 15%, 100% 20%, 
    0 25%, 100% 30%, 0 35%, 100% 40%, 0 45%, 100% 50%, 
    0 55%, 100% 60%, 0 65%, 100% 70%, 0 75%, 100% 80%, 
    0 85%, 100% 90%, 0 95%, 100% 100%, 0 100%
  );
}
body::before{
  left: 0;
}
body::after {
  right: 0;
  transform: scaleX(-1);
}
h1.main{
    font-family: "Bungee Shade";
    font-size: 30px;
    text-align: center;
    margin-top: 50px;
}
h3{
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
    font-family: "Alegreya SC";
}
img{
    width: 400px;
    height: 400px;
    border-radius: 20px;
    margin-left: 34%;
    margin-top: 10px;
}
p{
  font-family: "agdasima";
  margin: 20px;
  font-weight: bolder;
  font-size: 30px;
}
@media (max-width: 600px) {
  body::before,
  body::after {
    display: none;
  }
  h1.main {
    font-size: 1.4rem;
  }
  img{
    width: 90%;
  }
}
@media (max-width: 768px) {
  #app{
    padding: 0.5rem;
  }
}