body {
    background-color: black;
}

img {
  max-height: 100%;
  margin-top: 15em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 30em;
  max-width: 30em;
    border: 1px;    
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    box-shadow:
    inset 0 0 50px #fff,      /* inner white */
    inset 20px 0 80px #f0f,   /* inner left magenta short */
    inset -20px 0 80px #0ff,  /* inner right cyan short */
    inset 20px 0 300px #f0f,  /* inner left magenta broad */
    inset -20px 0 300px #0ff, /* inner right cyan broad */
    0 0 50px #fff,            /* outer white */
    -10px 0 80px #f0f,        /* outer left magenta */
    10px 0 80px #0ff;         /* outer right cyan */
}
/* shadow gotten from: https://codersblock.com/blog/creating-glow-effects-with-css/*/

a {
    color: black;
}

div.easteregg1 {
    position: absolute;
    top: 18px;
    left: 70px;
    padding: 0;
    opacity: 0;
    color: black;
}

div.easteregg2 {
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    padding: 0;
    opacity: 0;
    color: black;
}

div.easteregg3 {
    position: absolute;
    bottom: 200px;
    right: 60px;
    padding: 0;
    opacity: 0;
    color: black;
}

@media only screen and (max-width: 700px) {
    body {
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	scroll: 0;
    }
    
img {
  max-height: 100%;
  margin-top: 15em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 15em;
  max-width: 15em;
    border: 1px;    
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    box-shadow:
    inset 0 0 50px #fff,      /* inner white */
    inset 20px 0 80px #f0f,   /* inner left magenta short */
    inset -20px 0 80px #0ff,  /* inner right cyan short */
    inset 20px 0 300px #f0f,  /* inner left magenta broad */
    inset -20px 0 300px #0ff, /* inner right cyan broad */
    0 0 50px #fff,            /* outer white */
    -10px 0 80px #f0f,        /* outer left magenta */
    10px 0 80px #0ff;         /* outer right cyan */
}
}
