|
|
@@ -1,39 +1,69 @@
|
|
|
+*{
|
|
|
+ margin: auto;
|
|
|
+}
|
|
|
|
|
|
.top-menu{
|
|
|
border-bottom: 2px solid;
|
|
|
border-color: rgb(125, 125, 125);
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.top-menu-button-div{
|
|
|
- background-color: rgb(83, 231, 147);
|
|
|
- margin: 1% 50%;
|
|
|
- //padding: 1%;
|
|
|
+ background-color: rgb(89, 205, 18);
|
|
|
+ margin: 0.2%;
|
|
|
+ padding: 0.5%;
|
|
|
border-radius: 5px;
|
|
|
text-align: center;
|
|
|
- line-height: 100px;
|
|
|
- width: 100px;
|
|
|
- height: 100px;
|
|
|
+ width: 10%;
|
|
|
float: right;
|
|
|
-}
|
|
|
-
|
|
|
-.top-menu-button{
|
|
|
+ overflow: hidden;
|
|
|
+ font-size: 1em;
|
|
|
+ font-family: 'Helvetica Neue', Helvetica;
|
|
|
+ white-space: nowrap;
|
|
|
text-decoration: none;
|
|
|
text-shadow: 1px 1px rgb(143, 143, 143);
|
|
|
color: rgb(255, 255, 255);
|
|
|
- display: block;
|
|
|
}
|
|
|
|
|
|
-.top-menu-button:hover{
|
|
|
+.top-menu-button-div:hover{
|
|
|
color: rgb(0, 0, 0);
|
|
|
}
|
|
|
|
|
|
#top-menu-div-buttons{
|
|
|
- display: block;
|
|
|
- width: 100px;
|
|
|
- background-color: rgb(235, 48, 43);
|
|
|
+ width: 79%;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: bottom;
|
|
|
}
|
|
|
|
|
|
-#top-text-logo{
|
|
|
- display: block;
|
|
|
+#top-menu-h1-div{
|
|
|
+ vertical-align: bottom;
|
|
|
+ display: inline-block;
|
|
|
width: 20%;
|
|
|
+ margin-left: 0.5%;
|
|
|
+}
|
|
|
+
|
|
|
+#top-github-icon{
|
|
|
+ width: 2em;
|
|
|
+ float: right;
|
|
|
+ margin-right: 0.5%;
|
|
|
+}
|
|
|
+
|
|
|
+#top-github-icon:hover{
|
|
|
+ fill: red;
|
|
|
+}
|
|
|
+
|
|
|
+#middle-name-web-developer{
|
|
|
+ font-family: Lucida Console;
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 3%;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+#img-onboard{
|
|
|
+ width: 100%;
|
|
|
+ height: 500px;
|
|
|
+ background-image: url("../img/mac-on-a-table.jpg");
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-attachment: fixed;
|
|
|
+ background-size: cover;
|
|
|
}
|
