/* Copyright (C)2010-2018 by Eric Sunshine <sunshine@sunshineco.com> */

html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  background: #000000 url(sunshineco-background.jpg) center/cover no-repeat;
  font-size: 75%;
  font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
  color: #ffffff;
  margin: 0;
  padding: 0;
  height: 100%;
}

#wrapper {
  padding: 3em 12% 0 0;
  text-align: right;
}

#name {
  font-size: 700%;
  font-weight: 600;
}

#contact {
  font-size: 300%;
}

#contact a {
  text-decoration: none;
}

@media all and (max-width: 850px) {
  #name { font-size: 500%; }
  #contact { font-size: 200%; }
}

@media all and (max-width: 600px) {
  #name { font-size: 300%; }
  #contact { font-size: 100%; }
}

@media all and (max-width: 360px) {
  #name { font-size: 250%; }
  #contact { font-size: 100%; }
}

#footer {
  position: fixed;
  bottom: 0.5em;
  text-align: center;
  width: 100%;
}

.shadowed {
  color: #ffffff;
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000,
    4px 4px 8px #000;
}

a,
a:link,
a:visited {
  color: #ffffff;
}

a:hover,
a:active {
  color: #ffff00;
}