<style>
@import url('https://fonts.googleapis.com/css2?family=Yomogi&display=swap');

.yomogi-regular {
  font-family: "Yomogi", cursive;
  font-weight: 400;
  font-style: normal;
}


</style>

<style> .container-1 {
background-color: transparent;
border-color: transparent;
color: white;
}
body {
background-color: black;
width: 400px;
text-align: left;
color: #FFFFFF;
margin: auto;
img {
padding: 0px;
}

.comments-section {
visibility:hidden;
background: transparent;
max-width: 400px;
padding: 20px;
border: 1px solid transparent;
  font-family: "Yomogi", cursive;
  font-size: 11px; 
  color: white;  
text-color: white;

}

.btn {
background: transparent;
padding: 5px;
border: none;
  font-family: "Yomogi", cursive;
  font-size: 20px; 
  color: white;  
}

 </style>
<style>
p {
  font-family: "Yomogi", cursive;
  font-size: 20px; 
  color: white;    
}

 a {
  font-family: "Yomogi", cursive;
  font-size: 20px; 
  color: white;    
  text-align: left;
  margin: auto;
}
a:link {
  color: white;
}

a:visited {
  color: white;
}

a:hover {
  color: white;
}

a:active {
  color: white;
}

strong {
  font-family: "Yomogi", cursive;
}

em {
  font-family: "Yomogi", cursive;
}

u {
  font-family: "Yomogi", cursive;
  text-decoration: underline wavy white 1px
}

</style>
<style>

.test {
font-family: "Crafty Girls", cursive;
font-size: 20px;
color:red;
</style>

<img id = "idk" src = "https://i.postimg.cc/HL0SyYH6/IMG-2152.jpg" style = "width: auto; float:center;"> 
Hai idk what im doing for this yet um too stuck on lelouch