@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;}

        @font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: bold;}






html{ overflow: hidden; margin: 0; font-family:'Pretendard-Regular'; line-height: 1.3; text-align: left; color: }

h1{font-family: "MuseoModerno", sans-serif;
  font-optical-sizing: auto;
  font-style: normal; font-size: 8rem;}

.background-black { background-color:black; color:white; text-align: center; padding: 10px; margin-top: 20px;}

  h2{font-family: "MuseoModerno", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
font-size: 2rem; line-height: 1.5; margin: 0;}

  h3{font-family: "MuseoModerno", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
font-size: 1.5rem; line-height: 1.5;}

  h4{font-family: "MuseoModerno", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
font-size: 1.2rem; margin: 0;}

bold {font-weight: 700;}

p {font-size: 1.0rem; margin: 0; padding-bottom: 20px;}
p2 {font-family: "Pretendard-Black"; font-size: 2rem; padding-bottom: 20px;}
p3 {font-family: "Pretendard-Black"; font-size: 1.2rem; padding-bottom: 20px;}



summary {list-style: none; margin: 0; text-align: center;}
summary::-webkit-details-marker {display: none;}

details {width: 100px; max-height: 100px; transition: width 0.5s ease-out; }
details[open] {width: 250px; max-height: 600px;}


wrap {display: block; margin: auto; width: 90vw; height:90vw; }

@keyframes variable-font {
    from{font-weight: 100;} 
    to{font-weight: 900;}}

.variable-font{animation: variable-font 2.5s linear infinite alternate;}

.flex{display: flex; flex-wrap: wrap; gap: 100px; padding-top: 150px;}
.flex-mini{display: flex; flex-wrap: wrap; gap: 3%;}
.fixed {position: fixed; top: 80px; right: 100px;}
.fixed2 {position: fixed; bottom: 30px; left: 50px;}

.text {padding: 0px 25px 20px 25px;}



.icon {padding: 20px;}
.botton {padding: 10px 0px;}
.bottom-space {padding-bottom: 20px;}

.window {overflow: hidden; overflow-y:auto; border-radius: 10px; border: 2px solid black; background: white; 
    transition: height 1s ease-out, z-index 0.5s; position: relative; padding: 0px;}

.window .window-header {margin: 0; background-color: black; position: sticky; top: 0; right: 0; width: auto; text-align: right;}
.window::-webkit-scrollbar {display: none;}

.in-img {width: 200px; margin-bottom: 20px; box-shadow: 0px 5px 5px -2px lightgray;}
.in-img:hover{width: 230px; position: relative; left: -15px; transition: width 0.5s ease-out, position 0.5s ease-out;}


.line {display: block; text-align: center; margin: auto; padding-bottom: 20px;}

.blank {left: 453px; top: 60px; display: block; position: absolute; cursor: pointer;}
.colors{left: 61px; top: 285px; display: block; position: absolute; cursor: pointer;}
.error{left: 489px; top: 298px; display: block; position: absolute; cursor: pointer;}
.bling{left: 172px; top: 328px; display: block; position: absolute; cursor: pointer;}
.close-pharmachy{left: 248px; top: 231px; display: block; position: absolute; cursor: pointer;}
.RTRT{left: 70px; top: 146px; display: block; position: absolute; cursor: pointer;}
.transform{left: 535px; top: 132px; display: block; position: absolute; cursor: pointer;}
.poison{left: 315px; top: 68px; display: block; position: absolute; cursor: pointer;}
.bakery{left: 577px; top: 229px; display: block; position: absolute; cursor: pointer;}
.flaver{left: 228px; top: 144px; display: block; position: absolute; cursor: pointer;}
.no-think{left: 407px; top: 144px; display: block; position: absolute; cursor: pointer;}
.Plant-transrator{left: 337px; top: 287px; display: block; position: absolute; cursor: pointer;}
.Zip{left: 134px; top: 45px; display: block; position: absolute; cursor: pointer;}


.background {background-color: #80FF72;}

.contact-icons {position: relative; top: -10px;}