html, body { padding: 0px; margin: 0px; font-family: 'Roboto', sans-serif; }

#navbar { opacity: 0; background-color: #ddd; box-shadow: 0px 1px 10px #999; }

#first_panel { height: 100vh; background-color: #eee; }
#welcome { margin: auto; max-width: 1000px; }

#logo_gear { position: absolute; width: 50%; top: 15%; left: 25%; -webkit-animation: rotation 20s infinite linear; }
#logo_m { position: absolute; width: 50%; top: 15%; left: 25%; }
#logo_name { position: absolute; width: 80%; top: 15%; left: 10%; }
#first_next { position: absolute; left: 50%; bottom: 10%; margin-left: -20px; font-size: 40px; opacity: .33; transition: opacity 0.5s; }
#first_next:hover { opacity: .66; }

@-webkit-keyframes rotation
{
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(359deg); }
}

#design { padding: 50px; background: #fff; text-align: center; }
#design img { max-width: 80%; max-height: 80%; }

#build { padding-top: 50px; color: #eee; background: #000; text-align: center; }
#build img { width: 100%; margin-top: 25px; }

#deploy { padding-top: 25px; color: #000; background: #fff; text-align: center; }
#deploy img { width: 100%; }

#about { padding-top: 25px; color: #000; background: #fff; text-align: center; }
#about img { width: 100%; }


#contact { padding: 75px; background: #eee; text-align: center; }
#contact button { background-color: #555; }
#contact button:hover { background-color: #000; }
#contact a { color: #fff; }

#footer { text-align: center; color: #eee; background-color: #444; font-size: 12px; padding: 5px; }

a, a:link { text-decoration: none; color: #000; }
h3 { font-family: 'Open Sans', sans-serif; padding: 10px; }

.row { margin: 0px; }