* {
  margin: 0;
  padding: 0; }

html {
  overflow-x: hidden; }

body,
html {
  width: 100% !important;
  height: 100%;
  position: relative;
  background: #000428;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #004e92, #000428);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  font-weight: 400;
  font-style: normal; }

main {
  width: 100%;
  height: 100%; }
  main .icon {
    -webkit-box-shadow: 5px 5px 29px -11px #000000; 
    box-shadow: 5px 5px 29px -11px #000000;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    position: relative;
    left: 50%;
    top: 30px;
    transform: translateX(-50%); }
  main .name,
  main .description {
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    color: white;
    position: relative;
    text-align: center;
    top: 45px;
    font-size: 25px; }
  main .description {
    top: 55px;
    font-size: 15px; }
  main .list {
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    width: 45%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    list-style-type: none;
    top: 70px;
    text-align: center;
    transition: all 100ms ease-in-out; }
    main .list h1 {
      transition: all 100ms ease-in-out;
      padding: 15px;
      margin: 30px 0;
      border-radius: 10px;
      background: rgba(240, 240, 240, 0.46);
      font-size: 17px;
      -webkit-box-shadow: 5px 5px 20px -11px #000000; 
      box-shadow: 5px 5px 20px -11px #000000;}
      main ul li:hover {
        cursor: pointer; }

a {
  text-decoration: none; }
  a:visited {
    color: white; }
  a:link {
    color: white; }
  a:hover h1 {
    background: white;
    color: black;}

.credit {
  position: relative;
  text-align: center;
  top: 85px;
  color: white;
  font-size: 13px;
  font-family: futura-pt, sans-serif;
  font-style: italic; }

@media screen and (max-width: 700px) {
  ul {
    width: 90% !important; } }