diff --git a/css/index.css b/css/index.css
index 4c93341..0d93b97 100644
--- a/css/index.css
+++ b/css/index.css
@@ -65,6 +65,13 @@ HTML
font-weight: normal;
font-style: normal;
}
+@font-face {
+ font-family: 'Atari Classic Chunky Reverse';
+ src: url('../fonts/ATARCC__.TTF') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+ color: black;
+}
@font-face {
font-family: 'Atari Tiny';
src: url('../fonts/atari-small-font.ttf') format('truetype');
@@ -112,18 +119,25 @@ p {
color: #f2f2f2;
}
+.p4 {
+ font-family: 'Atari Classic Smooth';
+ font-size: 0.595em;
+ color: #322918;
+}
+
pre {
- width: 98%;
+ width: 87%;
border: solid yellow 2px;
padding-top: 10px;
padding-bottom: 0px;
- padding-left:5px;
- margin-left: 15px;
+ padding-left:10px;
+ margin-left: 25px;
background-color: #004d80;
font-family: 'Atari Classic Chunky';
font-weight: lighter;
font-size: 0.525em;
line-height: 1.2;
+ overflow-wrap: break-word;
color: #f2f2f2;
}
@@ -134,12 +148,12 @@ pre {
align-items: center;
}
-.title-title {
+.title-text {
width: 100%;
display: inline-block;
text-align: center;
font-family: 'Atarian System Regular';
- font-size: 3.0em;
+ font-size: 7.3vw;
line-height: 1.1;
/* #color: #f0e6da; */
color: #fcf4dd;
@@ -238,10 +252,11 @@ pre {
}
.shadowbox {
+ font-family: 'Atari Classic Chunky Reverse';
width: 11.95em;
- background-color: darkslategrey;
- border: 3px solid #babebd;
- box-shadow: 5px 6px #9f9c9b;
+ background-color: #fcf4dd;
+ border: 3px solid #003366;
+ box-shadow: 5px 6px darkgray;
padding: 5px;
}
@@ -270,7 +285,7 @@ H1 {
color: #f0e6da;
margin-left: auto;
margin-right: auto;
- font-size: 3.2vw;
+ font-size: 3.5vw;
width: 100%;
}
diff --git a/index.html b/index.html
index 283177c..c675f40 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@
Atari Code
+Atari Code
Hello, this is a highlighted notice!
+Hello, this is a highlighted notice!