h1 {
    margin-left: 32%;
    margin-right: 50%;
    font-size: 15px;
}

.four {
      margin-left: 32%;
      margin-right: 50%;
      font-size: 35px;
}
p {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
}


body {
  background-color: #f0f0f0;
}

nav {
    font-size: 25px;
    text-align: center;
}

img {
  text-align: center;
}

h3 {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-align: center;
}

.download {
  margin-left: 46%;
  margin-right: 50%;
}

button {
  font-family: inherit;
  font-size: 15px;
  border: none;
  outline: 1px dotted rgb(37, 37, 37);
  outline-offset: -4px;
  background: hsl(0deg 0% 75%);
  box-shadow: inset -1px -1px #292929, inset 1px 1px #fff, inset -2px -2px rgb(158, 158, 158), inset 2px 2px #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 5px 30px;
}

button:active {
  box-shadow: inset -1px -1px #fff, inset 1px 1px #292929, inset -2px -2px #ffffff, inset 2px 2px rgb(158, 158, 158);
}


img {
    align-items: center;
}

.box{
}

.window{
  margin-left: 34%;
  margin-right: 50%;
  background:#c0c0c0;
  border:1px solid black;
  border-color:#dfdfdf black black #dfdfdf;
  position:relative;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  &:before{
    content:"";
    display: block;
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    border:1px solid green;
    border-color: white #808080 #808080 white;
  }
  *{
    cursor: default;
  }
  h2{
    font-family: "MS Sans-Serif", Tahoma, sans-serif;
    font-size:10px;
    font-weight:bold;
    background:linear-gradient(to right, #000080, #1084d0);
    position:absolute;
    left:3px;
    top:3px;
    right:3px;
    margin:0;
    padding:0;
    line-height:18px;
    color:white;
    padding-left:3px;
  }
  
  .close{
    position:absolute;
    right:2px;
    top:2px;
    height:14px;
    width:0;
    padding-left:14px;
    overflow:hidden;
    background:#c0c0c0;
    border:1px solid green;
    border-color: white black black white;
    box-sizing:border-box;
    &:before{
      content:"";
      display: block;
      position: absolute;
      left:0;
      top:0;
      right:0;
      bottom:0;
      border:1px solid green;
      border-color: #dfdfdf #808080 #808080 #dfdfdf;
    }
    &:after{
      content: "×";
      position:absolute;
      left:0;
      width:calc(100%);
      text-align: center;
      top:50%;
      color:black;
      background:pink;
      line-height:0;
      margin-top:-1px;
    }
  }
    
}

marquee {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

hr {
  padding: 0.5px;
  font-family: 'Courier New', Courier, monospace;
  background-color: #292929;
}