Update 'notitleyet/style.css'

notitleyet/style.css

@@ -1,16 +1,56 @@
 @font-face {
     font-family: inconsolata;
-    src: url(fonts/inconsolata.ttf);
+    src: url(font/inconsolata.ttf);
 }
 
 @font-face {
     font-family: inconsolatabold;
-    src: url(fonts/inconsolatabold.ttf);
+    src: url(font/inconsolatabold.ttf);
 }
 
 @font-face {
     font-family: courierprime;
-    src: url(fonts/courierprime.ttf);
+    src: url(font/courierprime.ttf);
+}
+
+@font-face {
+    font-family: BrutText;
+    src: url(font/Brut_Grotesque-Text.ttf);
+}
+
+@font-face {
+    font-family: BrutBold;
+    src: url(font/Brut_Grotesque-Bold.ttf);
+}
+
+@font-face {
+    font-family: NeueRoman;
+    src: url(font/NeueHaasGrotDispRound-55Roman.ttf);
+}
+
+@font-face {
+    font-family: NeueRomanItalic;
+    src: url(font/NeueHaasGrotDispRound-56Italic.ttf);
+}
+
+@font-face {
+    font-family: NeueMedium;
+    src: url(font/NeueHaasGrotDispRound-65Medium.ttf);
+}
+
+@font-face {
+    font-family: NeueMediumItalic;
+    src: url(font/NeueHaasGrotDispRound-66MediumItalic.ttf);
+}
+
+@font-face {
+    font-family: NeueBold;
+    src: url(font/NeueHaasGrotDispRound-75Bold.ttf);
+}
+
+@font-face {
+    font-family: NeueBoldItalic;
+    src: url(font/NeueHaasGrotDispRound-76BoldItalic.ttf);
 }
 
 * {
@@ -18,7 +58,7 @@
 }
 
 body{
-	font-family:inconsolata, sans-serif;
+	font-family:"NeueRoman";
 	color:white;
 }
 
@@ -30,7 +70,7 @@ body{
   	bottom: 0;
   	right: 0;
   	z-index: -1;
-  	background-color:  #ff0000;
+  	background-color:  #b0b0b0;
 }
 
 /*header*/
@@ -46,7 +86,8 @@ header{
 }
 
 header h1{
-	font-family:courierprime;
+	font-family:'BrutText';
+	letter-spacing: -1pt;
 	font-size:9vw;
 	float:left;
 	width:60%;
@@ -129,20 +170,16 @@ header h1{
 }
 
 #getback{
-	text-decoration:underline;
-	text-decoration-color:#99ff99;
-
+	-webkit-filter: invert(100%);
 }
 
 #getback:hover{
-	text-decoration: overline;
-	font-family:inconsolatabold;
-	text-decoration-color:magenta;
+	-webkit-filter: invert(100%);
 }
 
 #back, #back:hover, #back:visited{
 	text-decoration:none;
-	color:white;
+	color:rgb(54, 0, 80);
 }
 
 
@@ -181,9 +218,8 @@ header h1{
 .upbar {
 	height:5%;
 	width:100%;
-	background-color:#99ff99;
+	-webkit-filter: invert(100%);
 	position:relative;
-
 }
 
 .upbar a {
@@ -217,7 +253,7 @@ header h1{
 }
 
 .upclose:hover {
-	color:magenta;
+	-webkit-filter: invert(100%);
 }
 
 
@@ -362,24 +398,24 @@ p.subcl3{
 }
 
 a{
-	color:white;
-	text-decoration-color:#99ff99;
+color:black;
+}
+
+.a.hover{
+	-webkit-filter: invert(100%);
 }
 
 .ext:hover {
-	text-decoration: overline;
-	font-family:inconsolatabold;
-	text-decoration-color:yellow;
+	-webkit-filter: invert(100%);
 }
 
 .int:hover {
-	text-decoration: overline;
-	font-family:inconsolatabold;
-	text-decoration-color:magenta;
+	-webkit-filter: invert(100%);
 }
 
 #show:hover{
-	font-family:courierprime;
+	-webkit-filter: invert(100%);
+	color: white;
 }
 
 
@@ -534,7 +570,7 @@ p.subcl3{
 
 header{
 	width:25%;
-	position:fixed;
+	position:relative;
 	left:0;
 	top:2%;
 	bottom:0;
@@ -639,7 +675,7 @@ header h1{
 /*main*/
 
 section#main{
-	position:fixed;
+	position:relative;
 	top:0;
 	bottom:0;
 	overflow:hidden;
@@ -662,6 +698,7 @@ section#main{
 }
 
 
+
 [class*="col"]{
 	width:20.75%;
 	
@@ -709,12 +746,13 @@ p.subcl3{
 
 @media all and (min-width: 1400px){
 
+
 /*header*/
 
 
 header{
 	width:25%;
-	position:fixed;
+	position:relative;
 	left:0;
 	top:2%;
 	bottom:0;
@@ -818,7 +856,7 @@ header h1{
 /*main*/
 
 section#main{
-	position:fixed;
+	position:relative;
 	top:0;
 	bottom:0;
 	overflow:hidden;
@@ -828,6 +866,13 @@ section#main{
 
 }
 
+#project-title {
+	font-size:6.2em;
+	line-height:100%;
+	margin-bottom:1%;
+    margin-top: 0%;
+}
+
 #content{
 	padding-top:1%;
 	overflow-y:auto;
@@ -889,6 +934,7 @@ p.subcl3{
 /* --------- 6th case --------- */
 @media all and (max-height: 450px) {
 
+
 	[id*="att-video"] > .wrap{
 	width:400px;
 }