html, body {
  padding: 0;
  margin: 0;
  background-color: #040400;
}

#content {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  height:  100%;
}

#bulb {
  height: 90vh;
}

#name {
  display: flex;
  flex-direction: column;
  width: 20%;
  font-family: 'Monoton', cursive;
  font-size: 500%;
}

#main {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#main, #main a {
  color: #fdecd2;
}

#links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  list-style: none;
  margin-left: -2em;
  font-size: 200%;
}
#links a:hover, #links a:focus {
  color: #fed20f;
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

@media (max-width:425px) {
    #bulb { height: 50vh; }  
    #main { width: calc(60vw -10px); padding: 10px; }  
    #name { font-size: 200%; }
}