@charset "utf-8";
html,
body {
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-family: "Sen";
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
* {
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: none;
  user-select: none;
  -webkit-user-drag: none;
}



#main {
  display: flex;
}
#main .part {
  flex: 1;
}
#main .part .section {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
#main .part .section img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: absolute;
  left: var(--x);
  pointer-events: none;
}
.cursor {
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: white;
  position: absolute;
  z-index: 999;
  pointer-events: none;
  mix-blend-mode: difference;
}
.cursor-f {
  width: var(--size);
  height: var(--size);
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.4202 42.4202C38.8403 46 33.3594 46 23.5 46C13.6406 46 8.15966 46 4.57983 42.4202C1 38.8403 1 33.3594 1 23.5C1 13.6406 1 8.15966 4.57983 4.57983C8.15966 1 13.6406 1 23.5 1C33.3594 1 38.8403 1 42.4202 4.57983C46 8.15966 46 13.6406 46 23.5C46 33.3594 46 38.8403 42.4202 42.4202Z' stroke='white'/%3E%3C/svg%3E%0A");
  background-size: cover;
 
  pointer-events: none;
  opacity: 0.5;
}
.buttons {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}
.buttons button {
  border: none;
  background-size: contain;
  background: url("data:image/svg+xml,%3Csvg width='10' height='29' viewBox='0 0 10 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0V27L1 17.4857' stroke='white' stroke-width='2' /%3E%3C/svg%3E%0A") no-repeat;
  background-position: center;
  width: 10px;
  height: 30px;
  display: block;
  margin: 20px 0;
  padding: 0 15px;
  transition-duration: 0.6s;
}
.buttons button.next {
  transform: scaleY(-1);
}
.buttons button.prev:active {
  transform: translateY(8px);
}
.buttons button.next:active {
  transform: scaleY(-1) translateY(8px);
}
h1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  color: white;
  text-align: center;
  font-size: 2.6em;
 
  pointer-events: none;
}
.content {
  width: 90%;
  position: absolute;
  bottom: 20px;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  color: white;
  z-index: 99;
  font-size: 0.8em;
}
.content p {
  margin: 0.5em auto;
}
.content kbd {
  width: 15px;
  height: 15px;
  border: 1px solid white;
  display: inline-block;
  border-radius: 3px;
  font-size: 0.9em;
  vertical-align: text-top;
}
.content a {
  color: rgba(227, 227, 227, 0.78);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}
.content a:hover {
  padding-bottom: 1px;
}

.STYLE      {color:#FFFFFF;font-size: 12px;text-decoration: none;}
a           {color:#FFFFFF;font-size: 12px;text-decoration: none;}
a:link      {color:#FFFFFF;font-size: 12px;text-decoration: none;}
a:visited   {color:#FFFFFF;font-size: 12px;text-decoration: none;}
a:active    {color:#FFFFFF;font-size: 12px;text-decoration: none;}
a:hover     {color:#FFFFFF;font-size: 12px;text-decoration: none;}


.logo0   {fill:#FFFFFF;}
.logo1   {fill:#FFFFFF; fill-rule:nonzero; opacity:1; transition: all 0.5s linear;}
.logo2   {fill:#FFFFFF; fill-rule:nonzero; opacity:0; transition: all 0.5s linear;}
.icona   {fill:#FFFFFF; fill-rule:nonzero; opacity:1; transition: all 0.5s linear;}
.iconb   {fill:#FFFFFF; opacity:0; transition:all 0.5s;}
.footer0 {fill:#FFFFFF; transition: all 1s linear;}
.footer1 {fill:#FFFFFF; transition: all 1s linear;}
.footer2 {fill:#FFFFFF; transition: all 1s linear;}
.footer3 {fill:#FFFFFF; transition: all 1s linear;}
.footer4 {fill:#FFFFFF; transition: all 1s linear; fill-rule:nonzero}
.footer5 {fill:#FFFFFF; transition: all 1s linear;}
.footer6 {fill:#FFFFFF; transition: all 1s linear;}

a:hover .logo1   {fill:#FFFFFF; fill-rule:nonzero; opacity:0; transition:all 0.5s;}
a:hover .logo2   {fill:#FFFFFF; fill-rule:nonzero; opacity:1; transition:all 0.5s;}
a:hover .icona   {fill:#FFFFFF; opacity:0; transition:all 0.5s;}
a:hover .iconb   {fill:#FFFFFF; fill-rule:nonzero; opacity:1; transition: all 0.5s linear;}
a:hover .footer0 {fill:#FFFFFF; transition:all 2s;}
a:hover .footer1 {fill:#FF0000; transition:all 2s;}
a:hover .footer2 {fill:#99FFFF; transition:all 2s;}
a:hover .footer3 {fill:#FE9B00; transition:all 2s;}
a:hover .footer4 {fill:#00ACED; fill-rule:nonzero; transition:all 2s;}
a:hover .footer5 {fill:#E62129; transition:all 2s;}
a:hover .footer6 {fill:#2EC100; transition:all 2s;}


#Logo       {position:absolute; width:500px; height:500px; left:50%; top:50%; margin-left: -250px; margin-top: -250px; z-index:100; overflow: hidden;}
#footer     {position:absolute; width:100%; height:80px; bottom:25px; text-align:center; z-index:99;}
#Rights     {position:absolute; width:100%; height:25px; bottom:25px; text-align:center; z-index:99;}
#Button-L01 {position:absolute; width:50px; height:50px; left:25px;  top:50%; margin-top: -252.5px; overflow: hidden; z-index:98;}
#Button-L02 {position:absolute; width:50px; height:50px; left:25px;  top:50%; margin-top: -187.5px; overflow: hidden; z-index:98;}
#Button-L03 {position:absolute; width:50px; height:50px; left:25px;  top:50%; margin-top: -122.5px; overflow: hidden; z-index:98;}
#Button-L04 {position:absolute; width:50px; height:50px; left:25px;  top:50%; margin-top: -57.5px;  overflow: hidden; z-index:98;}
#Button-L05 {position:absolute; width:50px; height:50px; left:25px;  top:50%; margin-top:  7.5px;   overflow: hidden; z-index:98;}
#Button-L06 {position:absolute; width:50px; height:50px; left:25px;  top:50%; margin-top:  72.5px;  overflow: hidden; z-index:98;}
#Button-L07 {position:absolute; width:50px; height:50px; left:25px;  top:50%; margin-top:  137.5px; overflow: hidden; z-index:98;}
#Button-L08 {position:absolute; width:50px; height:50px; left:25px;  top:50%; margin-top:  202.5px; overflow: hidden; z-index:98;}
#Button-R01 {position:absolute; width:50px; height:50px; right:25px; top:50%; margin-top: -252.5px; overflow: hidden; z-index:98;}
#Button-R02 {position:absolute; width:50px; height:50px; right:25px; top:50%; margin-top: -187.5px; overflow: hidden; z-index:98;}
#Button-R03 {position:absolute; width:50px; height:50px; right:25px; top:50%; margin-top: -122.5px; overflow: hidden; z-index:98;}
#Button-R04 {position:absolute; width:50px; height:50px; right:25px; top:50%; margin-top: -57.5px;  overflow: hidden; z-index:98;}
#Button-R05 {position:absolute; width:50px; height:50px; right:25px; top:50%; margin-top:  7.5px;   overflow: hidden; z-index:98;}
#Button-R06 {position:absolute; width:50px; height:50px; right:25px; top:50%; margin-top:  72.5px;  overflow: hidden; z-index:98;}
#Button-R07 {position:absolute; width:50px; height:50px; right:25px; top:50%; margin-top:  137.5px; overflow: hidden; z-index:98;}
#Button-R08 {position:absolute; width:50px; height:50px; right:25px; top:50%; margin-top:  202.5px; overflow: hidden; z-index:98;}