@font-face {
  font-family: "W95FA";
  src: url(/fonts/W95FA.otf);
}

html {
  image-rendering: pixelated;
  -webkit-font-smoothing: never;
}

body {
  background-image: url(/backgrounds/backgroundstar.gif);
  font-family: "W95FA";
  cursor: url(/https://cur.cursors-4u.net/cursors/cur-10/cur918.cur/) default;
}

button#sims{
  background-color: #008080;
  border: none;
  padding: auto;
  margin: 1px;
  color: #fff;
  font-family: "W95FA";
  font-weight: normal;
  font-size: medium;
  letter-spacing: 1px;
  text-align: center;
  height: 30px;
  cursor: pointer;
}

button#sims:active{
  position: relative;
    top: 1px;
}


.monitor {
  position: relative;
  width: 800px;
  height: 600px;
  background-image: url(/backgrounds/cloudswallpaper.png);
  background-size: cover;
  border: 4px double #00207d;
  margin: auto;
  margin-top: 10vh;
  text-align: center;
}

.screen {
  width: 800px;
  height: 600px;
  position: absolute;
  background-image: url(/backgrounds/petals.gif);
  
}

.launchsims {
  height: 200px;
  margin-top: 30%;
  display: block;
}


.launchsims img#simsicon {
  width: 8%;
}

.screen img#back {
  position: absolute;
  margin-top: 10%;
  margin-left: -48%;
  z-index: 500;
}

.screen marquee{
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  position: relative;
  color: #fff;
  letter-spacing: 3px;
  font-size: x-large;
  margin-bottom: -12%;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 20px;
}

li {
  display: inline-block;
  margin-right: 50%;
}

p {
  margin: 0%;
  padding: 0%;
  cursor: url(/cursor/cur905.gif) text;
}

.popup {
  position: absolute;
  top: 35%;
  left: 30%;
  width: 400px;
  height: 250px;
  background-color: #90bee4;
  border-width: 1px;
    border-style: solid;
    border-color: #242424;
    border-top-color: #c0c0c0;
    border-left-color: #c0c0c0;
    box-shadow: inset 1px 1px #fff, inset -1px -1px #543223;
}

.popup h1{
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  font-style: italic;
  color: #fff;
  letter-spacing: 10px;
  margin-top: none;
  line-height: 2%;
  padding-top: 10px;
}

.warningmarquee {
  margin: none;
  padding: 0%;
}

.popup p{
  margin: none;
  color: #000000;
  padding: 0%;
}

.warningmarquee img#warning {
  margin-top: 3%;
}

.popup img#dance{
  position: absolute;
  top: -100px;
  left: -10px;

}

a.button {
  cursor: pointer;
  text-decoration: none;
  display: block;
  margin: auto;
  margin-top: 2%;
  width: 30%;
  background: rgb(144,190,228);
background: linear-gradient(0deg, rgba(144,190,228,1) 41%, rgba(202,229,223,1) 100%);
  border-width: 1px;
    border-style: solid;
    border-color: #242424;
    border-top-color: #c0c0c0;
    border-left-color: #c0c0c0;
    box-shadow: inset 1px 1px #fff, inset -1px -1px #543223;
    color: #000000;
    font-weight: bolder;
    text-shadow: 1px 1px #fff;
    padding: 5px;
    outline: 1px dotted #000000;
  outline-offset: -4px;
}

a.button:active{
  position: relative;
    top: 1px;
}