@charset "UTF-8";
@import url("reset.css");
@import url(https://fonts.googleapis.com/css?family=Montserrat:400);

body {background:#f4f4f4;}

h1 {font-size:30px; font-family:'Montserrat', sans-serif; font-weight:400; letter-spacing:5px; color:#edf9ff; text-transform: uppercase; text-shadow: 1px 1px 1px #2574e1;}
h2 {font-size:20px; font-family:'Georgia-Italic', serif; letter-spacing:1px; line-height:30px; color:#1150a9; text-shadow: 1px 1px 1px #4e97fc;}

#header {width:auto; height:460px; background:#3384f4;}

#top-bar {width:auto; padding:24px 30px 0 0; font-family:'Georgia-Italic', serif; font-size:14px; letter-spacing:1px;}
#top-bar a {color:#b6d2ff; text-shadow:#1c59bd; text-decoration:none;}
#top-bar a:hover {color:#fff; text-decoration:none;}
.resume-btn {width:88px; height:28px; background:#077cbe; color:#78c8f6; text-shadow:#0777b6; float:right; border-radius:14px; line-height:28px; text-align:center; vertical-align:middle; margin-right:12px;}
.email-btn {width:78px; height:28px; background:#077cbe; color:#78c8f6; text-shadow:#0777b6; float:right; border-radius:14px; line-height:28px; text-align:center; vertical-align:middle;}

#basic-info {width:555px; height:auto; margin:0 auto; text-align:center; padding-top:50px;}
#basic-info img {margin-bottom: 10px;}
/** #blue-line {padding-bottom:30px; border-bottom:1px solid #235ebf; box-shadow: 0 1px 0 0 #5497f3;} **/
#myphoto {padding-bottom:8px;}
#tl-dr {margin-top:25px;}

#selected-works {width:auto; background-color:#e8eaed; padding:45px 0; text-align:center;}
#selected-works h2 {width:176px; display:block; color:#7a8798; text-shadow:0 1px 0 #fff; margin-left:auto; margin-right:auto; padding-bottom:10px; border-bottom:1px solid #a2acb9; box-shadow: 0 1px 0 0 #fff;}

#lighter {width:auto; background-color:#f4f4f4; padding:100px 0; text-align:center;}
#lighter-image img {width:1000px; display:block; margin-left:auto; margin-right:auto; border-radius:8px; box-shadow: 0px 0px 4px #dddddd;} /** BOX SHADOW **/
#lighter-video {width:1000px; height:auto; display:block; margin-left:auto; margin-right:auto; background:#e9eef4; border-radius:8px; box-shadow: 0px 0px 4px #dddddd;}
#lighter-video iframe {width:855px; height:481px; margin: 60px auto;}

#darker {width:auto; background-color:#ebebeb; padding:100px 0; text-align:center;}
#darker-image img {width:1000px; display:block; margin-left:auto; margin-right:auto; border-radius:8px; box-shadow: 0px 0px 4px #cdcdcd;} /** BOX SHADOW **/
#darker-video {width:1000px; height:auto; display:block; margin-left:auto; margin-right:auto; background:#e9eef4; border-radius:8px; box-shadow: 0px 0px 4px #cdcdcd;}
#darker-video iframe {width:855px; height:481px; margin: 60px auto;}

#car-video {width:1000px; height:auto; display:block; margin-left:auto; margin-right:auto; background:#151611; border-radius:8px; box-shadow: 0px 0px 4px #dddddd;} /** BOX SHADOW **/
#car-video iframe {width:855px; height:481px; margin: 60px auto;}

#video-2 {width:1000px; height:auto; background:#303132; border-radius:10px; margin-top:40px;}

#footer {width:auto; height:100px; background:#3384f4;}

#container {width:1000px; margin:0 auto; padding:35px 0 0 0; font-family:'Georgia-Italic', serif; font-size:14px; letter-spacing:1px;}
#left {width:600px; float:left;}
#right {width:300px; float:right;}

#container a {color:#b6d2ff; text-shadow:#1c59bd; text-decoration:none;}
#container a:hover {color:#fff; text-decoration:none;}

.resume-btn {width:94px; height:28px; background:#2667d1; color:#b6d2ff; text-shadow:#1c59bd; float:right; border-radius:14px; line-height:28px; text-align:center; vertical-align:middle; margin-right:12px;}
.email-btn {width:78px; height:28px; background:#2667d1; color:#b6d2ff; text-shadow:#1c59bd; float:right; border-radius:14px; line-height:28px; text-align:center; vertical-align:middle;}

.dribbble-btn {width:96px; height:28px; background:#2667d1; color:#b6d2ff; text-shadow:#1c59bd; float:left; border-radius:14px; line-height:28px; text-align:center; vertical-align:middle; margin-right:12px;}
.vimeo-btn {width:78px; height:28px; background:#2667d1; color:#b6d2ff; text-shadow:#1c59bd; float:left; border-radius:14px; line-height:28px; text-align:center; vertical-align:middle; margin-right:12px;}
.linkedin-btn {width:94px; height:28px; background:#2667d1; color:#b6d2ff; text-shadow:#1c59bd; float:left; border-radius:14px; line-height:28px; text-align:center; vertical-align:middle; margin-right:12px;}
.angel-list-btn {width:100px; height:28px; background:#2667d1; color:#b6d2ff; text-shadow:#1c59bd; float:left; border-radius:14px; line-height:28px; text-align:center; vertical-align:middle;}