@import url("https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Do+Hyeon&family=Inter:wght@500&family=Roboto+Condensed:wght@300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Inter:wght@500&family=Roboto+Condensed:wght@300&display=swap");
* {
  margin: 0;
  padding: 0;
}
legend{
  background-color: black;
  margin: -30%;
  border-radius: 20px;
  color: white;
  text-align: center;
  font-family: "Black Han Sans", sans-serif;
}
fieldset{
  background-color: #faebef;
  border-radius:60px;
  border: none;
}
span{
  font-family: 'Do Hyeon', sans-serif;
}
.area1{
  background-color: #49569e;
  width: 100%;
  height: 800px;
}
#fp1{
  width: 900px;
  height: 750px;
  position: relative;
  top: 2%;
  left: 1%;
}
#l1{
  width: 230px;
  font-size: 35px;
}
#sangzang{
  width: 450px;
  height: 640px;
  border-radius: 30px;
  position: relative;
  left: 2%;
  top:10%
}
#f1s1{
  font-family: 'Do Hyeon', sans-serif;
  font-size: 23px;
  position: relative;
  bottom: 75%;
  left: 53%;
}

#fp2{
  width: 830px;
  height: 730px;
  position: relative;
  bottom: 89%;
  left: 52%;
}
#competition{
  width: 450px;
  height: 650px;
  border-radius: 30px;
  position: relative;
  left: 2%;
  top:7%  
}
#f2s1{
  font-family: 'Do Hyeon', sans-serif;
  font-size: 20px;
  position: relative;
  bottom: 83%;
  left: 57%;
}
.area2{
  background-color: #333d79;
  width: 100%;
  height: 850px;
}
#fp3{
  width: 1800px;
  height: 800px;
  position: relative;
  top:3%;
  left: 1%;
}
#l2{
  font-size: 45px;
  width: 300px;
  position: relative;
  left: -5%;
}
#SW공작소{
  width: 700px;
  height: 500px;
  border-radius: 30px;
  position: relative;
  top: 10%;
  left: 7%;
}
#SW공작소2{
  width: 700px;
  height: 500px;
  border-radius: 30px;
  position: relative;
  top: 10%;
  left: 15%;
}
#f3s1{
  font-family: 'Do Hyeon', sans-serif;
  font-size: 25px;
  position: relative;
  bottom: -14%;
  left: 3%;
}