@font-face {
  font-family:"Segoe UI";
  src:url('fonts/PixelOperator.ttf');
}
body {
  margin:0;
  overflow:hidden;
  user-select:none;
  background:rgba(255,255,255,0.19);
  background-image:url("img/bg-angel.jpg");
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  width:100vw;
  height:100vh;
  font-size:0.9em;
  font-family:"Segoe UI",sans-serif;
  line-height:1.6em;
  opacity:0.8;
  cursor: default;
  filter:sepia(0) saturate(1.7);
}
a {
  text-decoration:none;
  color:rgb(109,98,72);
}
a:hover {
  text-decoration:underline;
  color:#000;
  cursor: default;
  position:relative;
  left:1.5px;
  top:1.5px;
}
a:visited {
  text-decoration:none;
  color:rgb(109,98,72);
}
.window {
  position:absolute;
  cursor: grab;
  z-index:1;
  font-size:0.9em;
  line-height:1.4em;
}
.window.hidden {
  visibility:hidden;
}
.window.dragging {
  cursor: grab;
  z-index:1000;
}
.line {
  width:1px;
  height:30px;
  background:rgb(109,98,72);
  margin:35px auto 35px auto;
}
.picture {
  border:0px solid rgb(217,216,216);
  width:70%;
  box-shadow:rgba(0,0,0,0.16) 0px 10px 36px 0px,rgba(0,0,0,0.06) 0px 0px 0px 1px;
  padding:0px 0px;
}
.smallpic {
  border:0px solid rgb(217,216,216);
  width:40%;
  box-shadow:rgba(0,0,0,0.16) 0px 10px 36px 0px,rgba(0,0,0,0.06) 0px 0px 0px 1px;
  padding:0px 0px;
}
#desktop,#desktop2,#desktop3 {
  position:fixed;
  top:0;
  left:0;
  margin-top:30px;
}
#desktop2 {
  left:100px;
}
#desktop3 {
  left:200px;
}
.shortcut {
  margin:8px 0 0 10px;
  width:140px;
  height:140px;
  font-size:15px;
  text-align:center;
}
.shortcuticon {
  color:#ffffff;
  text-align:center;
  -webkit-filter:drop-shadow(5px 5px 5px #222);
  filter:drop-shadow(5px 5px 5px #222);
  image-rendering:pixelated;
}
.shortcut a {
  color:#ffffff;
}
.shortcut a:hover {
  text-decoration:none;
  color:rgb(173,176,182);
  cursor: default;
}
.shortcut a:visited {
  text-decoration:none;
  color:#fff;
}
.shortcutname {
  color:#ffffff;
  text-shadow:rgb(0,0,0) 1px 1px 0px;
  font-size:16px;
  line-height:15px;
  margin-top:6px;
}
.window-minimize {
  animation:minimizeAnimation 0.5s forwards;
}
button {
  cursor: default;
}
@keyframes minimizeAnimation {
  0% {
  transform:translate(0,0) scale(1);
  opacity:0.8;
}
100% {
  transform:translate(0,100vh) scale(0);
  opacity:0;
}
}@keyframes flicker {
  0% {
  opacity:0.27861;
}
5% {
  opacity:0.34769;
}
10% {
  opacity:0.23604;
}
15% {
  opacity:0.90626;
}
20% {
  opacity:0.18128;
}
25% {
  opacity:0.83891;
}
30% {
  opacity:0.65583;
}
35% {
  opacity:0.67807;
}
40% {
  opacity:0.26559;
}
45% {
  opacity:0.84693;
}
50% {
  opacity:0.96019;
}
55% {
  opacity:0.08594;
}
60% {
  opacity:0.20313;
}
65% {
  opacity:0.71988;
}
70% {
  opacity:0.53455;
}
75% {
  opacity:0.37288;
}
80% {
  opacity:0.71428;
}
85% {
  opacity:0.70419;
}
90% {
  opacity:0.7003;
}
95% {
  opacity:0.36108;
}
100% {
  opacity:0.24387;
}
}.crt::after {
  content:" ";
  display:block;
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(18,16,16,0.1);
  opacity:0;
  z-index:2;
  pointer-events:none;
  animation:flicker 0.15s infinite;
}
.crt::before {
  content:" ";
  display:block;
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,0.25) 50%),linear-gradient(90deg,rgba(255,0,0,0.06),rgba(0,255,0,0.02),rgba(0,0,255,0.06));
  opacity:0.3;
  z-index:2;
  background-size:100% 2px,3px 100%;
  pointer-events:none;
}
.crt {
  animation:none 1.6s infinite;
}