@font-face {
  font-family: 'PixelFont';
  src: url('/fonts/PixelifySans-Regular.ttf');
}

@font-face {
  font-family: 'ACFont';
  src: url('/fonts/FOT-RodinBokutoh Pro EB.otf');
}

.blinker {
  color: red;
  text-decoration: underline;

  animation: blink-animation 1s steps(2, start) infinite;
  -webkit-animation: blink-animation 1s steps(2, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.nookhelper {
  margin: 0.4vw;
  display:flex;
}

.nookhelper img {
  max-height: 10vw;
}

.nookhelper-speechbox {
  border: solid transparent;
  border-color: #95928F;
  border-width: 1.2vw;
  border-image: url(/pixelart/assets/nooktext.png) 30 fill;
  margin-left: 0.4vw;
  
  font-family: "ACFont";
  font-size: 1.2em;
}

.taskbar {
  background-color: #3D50CD;
  border: solid transparent;
  border-width: 0.4vw 0vw 0vw 0vw;
  border-image: url(/pixelart/assets/taskbarborder.png) 2 stretch;
  
  height: 5vh;
  width: 100%;
  
  position: fixed;
  bottom: 0;
  
  display:flex;
  justify-content: space-between;
  
  font-family: "PixelFont";
}

.taskbar-subset {
  display:flex;
}

.taskbar-widget {
  border: solid transparent;
  border-color: #95928F;
  border-width: 0vw;
  border-image: url(/pixelart/assets/windowborder.png) 10 stretch;
  min-width: 5vh;
  
  background-color: #6787CE;
  
  display: flex;
  justify-content: space-around;
  align-items: center;
  
  text-align: center;
  font-size:120%;
  
  margin-left:0.4vw;
}

.taskbar-icon {
  
  display: flex;
  justify-content: space-around;
  align-items: center;
  
  text-align: center;
  font-size:120%;
  
  margin-left:0.4vw;
}

.taskbar-widget:hover {
  background-color: #4B6396;
}

.taskbar-widget-znn {
  max-height: calc(5vh - 0.1vw);
}

.taskbar-widget-icon {
  max-height: calc(5vh - 0.8vw);
}

.window {
  margin: 0.2vw;
}

.windowlink {
  text-decoration: none;
}

.windowbox{
  background: white;
  background-clip: padding-box;
  
  overflow-x: hidden;  
  overflow-y: auto;
  
  max-height: 25vw;
  max-width: 30vw;
  
  border: solid transparent;
  border-width: 0 1vw 1vw 1vw;
  border-image: url(/pixelart/assets/windowborder.png) 5 stretch;
  
  font-family: Sans-Serif;
  font-size: 0.8em;
}

.windowbox::-webkit-scrollbar {
  width: 0.4vw;
}

/* Track */
.windowbox::-webkit-scrollbar-track {
  background: darkgrey;
}

/* Handle */
.windowbox::-webkit-scrollbar-thumb {
  background: grey;
}

.windowbox p {
  padding: 0.4vw;
  margin:0;
}

.windowbox h1 {
  padding: 0.4vw;
}

.windowbox textarea {
  margin-left: 0.4vw;
}

.windowbox .linkbutton {
  padding: 0;
  margin: 0;
}


.window-topbar{
  background-color: #3D50CD;
  background-clip: padding-box;
  
  border: solid transparent;
  border-width: 0.6vw;
  border-image: url(/pixelart/assets/taskbarborder.png) 3 stretch;
  
  text-align: left;
  
  display: flex;
  justify-content: space-between;
  
  overflow-x: hidden;
}

.window-topbar-left {
  display: flex;
  align-items: center;
}

.window-topbar-icon {
  padding-left: 0.4vw;
  height: 2vw;
}

.window-topbar-image{
  float: right;
  width:8.2vw;
  height:2.6vw;
}

.window-topbar-title{
  font-family: 'PixelFont';
  font-size: 1.76vw;
  padding-top: 0.3vw;
  padding-right: 0.4vw;
  margin-block: 0;
  padding-left: 0.4vw;
  color: white;
}

.column{
  display: flex;
  flex-direction: column;
  /*width: 32.3vw;*/
  width:100%;
  align-items: flex-start;
  padding-left:0.2vw;
  padding-right:0.2vw;
}

.content{
  /*width: 100%;*/
  display: flex;
  /*max-width: 1200px;*/
  justify-content: center;
  margin-left:0.4vw;
  margin-right:0.4vw;
  flex-wrap: wrap;
  align-items: center;
}

body{
  background-image: url("/pixelart/portfolio/ms.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  
  display: flex;
  flex-direction: column;
  align-items: center;
  
  margin:0;
  
  padding-bottom: 5.8vh;
  
  image-rendering: pixelated;
}

body::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

html, body{
  cursor: url("/pixelart/assets/cursor.png"), default;
}