/* Reminder that elements starting in . are classes and # are id's. */

/* READ ME "https://indigosnep.com/README.txt" */

/* Base Site Style */

html {
  
  margin: 0px;
  padding: 0px;
  cursor: url("/Site Images/cursorhalf.png"), default;
  min-height: 100%;
  scrollbar-width: none;
  
}

body {

background-blend-mode: multiply;
background-image: url("/Site Images/Backgrounds/292230455_1394605897.jpg"), linear-gradient(#536b80, #ff3d00);
background-attachment:fixed;
background-repeat: no-repeat;
background-size: cover;

}

ul {
  
  list-style-type:none;

}

a {
  
  cursor: url("/Site Images/pointhalf.png"), default;
  
  color: #cc547b;
  
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

img {
  
    max-width:100%;
    max-height:100%;
}

button {
  
  border-radius: 4px;
  border: 2px solid #2a2c3c;
  background-image:  linear-gradient(180deg,rgb(51, 51, 77) 33%, rgb(30, 30, 51) 33%, rgb(30, 30, 51) 74%, rgb(42, 43, 72) 100%);
  font-size: 20px;
  color: white;
  height: 54px;
  padding: 16px 24px;
  margin-bottom: 1vh;
  margin-top: 1vh;
  margin-right: 1vw;
  cursor: url("/Site Images/pointhalf.png"), default;
  font-family: 'indigo';

}

h1, h2, h3, h4, h5, h6 {
  
  color: white;
  text-align:center;
  text-shadow: 0px 1px 5px #1e1e1e;
  font-family:'indigo';
  
}

p {
  text-align:center;
  text-shadow: 0px 1px 5px #1e1e1e;
  font-family:'indigo';
  font-size: 18px;
  color: #72aeb5;
  
}

hud {
  
  display: inline;
  justify-content:center;
  border-style: solid;
  border-radius: 8px;
  box-shadow: 0px 0px 8px;
  border:1px solid #516475;
  margin-top:50px;
  height: 50%;
  width: 50%;
  max-width:788px;
  min-width:416px;
  overflow: hidden;
  background-image:  linear-gradient(180deg,rgba(23, 26, 41, 0.8) 24%, rgba(2, 2, 4, 0.8) 24%, rgba(14, 18, 32, 0.8) 73%, rgba(26, 26, 47, 0.8) 100%); 
  padding: 8px;
  cursor: url("/Site Images/cursorhalf.png"), default;
  
}

/* Base Site Style */

/* Classes Styles */

.warning {

  background-image: linear-gradient(180deg,rgb(110, 95, 59) 30%, rgb(59, 44, 0) 30%, rgb(41, 31, 0) 66%, rgb(120, 90, 0) 100%);

}

.chat {
 
  border: 4px solid transparent;
  padding: 0px;
  border-image: url("/Site Images/aeroborderweb.png") 4 stretch;
  cursor: url("/Site Images/pointhalf.png"), default;
  
}

.webnotice {
  
  display: flex;
  justify-content: center;
  align-items: inherit;
  color: white;
  text-align: center;
  background-image:  linear-gradient(180deg,rgba(23, 26, 41, 0.8) 24%, rgba(2, 2, 4, 0.8) 24%, rgba(14, 18, 32, 0.8) 73%, rgba(26, 26, 47, 0.8) 100%);
  border-style: solid;
  border-radius: 4px;
  border: 1px solid #516475;
  height: 32px;
  width: 24%;
  min-width: 260px;
  max-width: 460px;
  margin-bottom: 0px;
  font-family: 'paramore';
  border-top: 1px solid #999999;
  box-shadow: 0px 0px 400px black;
  margin-left: auto;
  margin-right: auto;
  overflow: clip;
  
}

.thumbnail {
  
  width: 150px;
  height: auto;
  border: 2px;
  border-style: solid;
  border-color: black;
  background-color: grey;
  
}

.left {
  
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: left;
  
}

.right {
  
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: right;
  
}

.frame {
  
  border-style: solid;
  border-radius: 8px;
  border:2px solid #516475;
  
}

.charimg {
  
  width:66%;
  height:auto;
  
}

.isinteractable {
  
 cursor: url("/Site Images/pointhalf.png"), default;
 
}

.center {
  
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  
}

.back {
  
  margin-bottom:50px;
  width:200px;
  width: 50%;
  max-width:280px;
  min-width:260px;
  font-family: 'indigo';
  font-size:40px;
  
}

.imgcenter {
  
  display: table;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  
}

.prevent-select {
  
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  
}

.pride {
  
  margin-top: 0px;
  margin-bottom: 10px;
  background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  
}

/* Classes Styles */

/* ID's Styles */

#logo {
  
  width: 4vw;
  min-width: 100px;
  max-width: 128px;
  height: auto;
  margin-right: 10px;
  margin-left: 10px;
  cursor: url("/Site Images/pointhalf.png"), default;
  
}

#titlebar {
  
  background:  linear-gradient(180deg,rgba(23, 26, 41, 0.8) 24%, rgba(2, 2, 4, 0.8) 24%, rgba(14, 18, 32, 0.8) 73%, rgba(26, 26, 47, 0.8) 100%); 
  padding-bottom: 4px;
  padding-top: 4px;
  border-style: solid;
  border-radius: 4px;
  border: 1px solid #516475;
  width: 50%;
  max-width:720px;
  min-width:570px;
  height: 72px;
  box-shadow: 0px 0px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  
}

#footer {
  
    background-color:#000000;
    position: fixed;
    bottom: 0;
    width: 100%;
    
}

#switch {
  font-family:'Switch';
  
}

#indigo {
  
  font-family:'indigo';
  
}

#paramore {
  font-family:'Paramore';
  
}

@font-face {
  font-family: Switch;
  src: url("/Fonts/A-OTF%20UD%20Shin%20Go%20Pr6N%20L.ttf");
}

@font-face {
  font-family: indigo;
  src: url("/Fonts/Indigosnep-Regular.ttf");
}

@font-face {
  font-family: Paramore;
  src: url("/Fonts/paramore.otf");
}

/* ID's Styles */