/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
   
@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

   
   
html{
  cursor: url('https://cdn.cursors-4u.net/previews/spongebob-squarepants-c1a5b289-32.webp') 32 32, auto !important;
  }
  
  a{
  cursor: url('https://cdn.cursors-4u.net/previews/miya-lily-and-marigold-19db589e-preview-32.webp') 0 0, auto !important;
  }

body {
  background-image:url("/img/tumblr_0cec54082c4e378e32b2687739b28758_6d7c8f12_400.webp");
}



/*body {
background-image: url('http://dl6.glitter-graphics.net/pub/251/251526tyoowh53tm.gif');
background-attachment: fixed;
background-repeat: no-repeat;
background-size:cover;
background-position: center center;
}
*/


html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}

a {text-decoration: none; color: black; }

::selection {
/* Change highlight background color */
background: #f7abcf;
/* Change highlight text color */
color: #FFFFFF;
}

.header_images{
  display: flex;
  justify-content: space-evenly;
  align-items: center;  
}

.y2k_container{
  max-width: 800px;
    display: block;
    margin: auto;
    text-align: center;  
    margin-top:40px;
    margin-bottom:40px;
}

#logo{
max-width:184px;  
}

.first_title{
  font-size:49px;
  padding:0px;
  text-align:center;
}

.first_title, #manifest_title{
  font-family: 'PartyLetPlain', cursive;
  color: #CCFF00;
}

#manifest p{
color: #FF00FF;  
}

#manifest_title{
  display: flex;
  justify-content: center;
  align-items:center;
  height:102px;
}

#manifest_title h2{
  color: #CCFF00;
  font-size:64px;
  margin-right:15px;
  margin-left:15px;
}

#manifest a{
  color: #00FFFF;
  text-decoration: underline;
}

#pacman{
  height:30px;  
}

#description{
  color: #00FFFF;  
  margin-bottom:40px;
}

#description h2{
  background: linear-gradient(90deg, #ff0055 0%, #ff5500 50%, #4a00e0 100%);
}

#description ul li{
  font-size:24px;  
}

#description ul{
  width: fit-content;
    display: block;
    margin: auto;
    text-align:justify;
    text-shadow: 0 0 5px #00ffcc, 0 0 10px #00ffcc;
}

li, p{
font-family: "Ubuntu Mono", monospace;  
}

.nav{
  margin-bottom:40px;
}

.nav a{
color:#00FFFF;
background: #FF01FF;
font-size:24px;
}

.nav a:not(:last-child){
margin-right:14px;
}

.about{
  margin-bottom:40px;  
}

.about p{
  color: #00FF00;  
}

.cooperations, .contact{
  margin-bottom:40px;
}

.contact p{
  color: #00FFFF;  
}

.contact a{
  background: #FF00FF; 
  font-size:24px;
}

.cooperations p{
  color: #00FFFF;  
}

.digital_art ul{
  width: fit-content;
    display: block;
    margin: auto;
    text-align: justify;
    text-shadow: 0 0 5px #00ffcc, 0 0 10px #00ffcc;  
    color: #00ffcc;
}

.digital_art p{
  color:#FF00FF 
}

.digital_art p:nth-child(2){
  color:#00FF00 
}

.contact{
  margin-top: 160px;  
}

.contact span{
  position: relative;  
}

.contact span img{
  position: absolute;
    top: -130px;
    left: 5px;
}

.digital_art ul li a{
  color: #ccff00;
  text-decoration: underline;  
}

tbody{
  text-align: left;
  color: white;
}

.prices{
    width:100%;
    border-collapse:collapse;
    margin:20px 0;
    font-size:16px;
}

.prices th,
.prices td{
    border:2px solid #000;
    padding:10px;
}

.prices th{
    background:#8fa5ff;
    color:#fff;
    text-align:left;
}

.prices td:last-child{
    text-align:right;
    white-space:nowrap;
}

#pricetable p{
      color: #FF6600;
    text-align: left;  
}

@media screen and (max-width: 800px) {
  
  .responsive_img{
    max-width:100%
    }
  
  .nav a:not(:last-child) {
    margin-right: 0px;
}  

.nav a{
    width:100%!important;
}  

  .nav{
display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    justify-content: center;    
}

}