Refactor. JS time!

Assignments/HTML/MP04_CalebFontenot/public_html/pacific.css

@@ -0,0 +1,102 @@
+/*
+Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
+Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
+*/
+/* 
+    Created on : Jan 25, 2023, 9:50:47 AM
+    Author     : caleb
+*/
+
+body {
+    background-color: #90C7E3;
+    background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3);
+    color: #555555;
+    font-family: Arial, Helvetica, sans-serif;
+}
+.wrapper {
+    background-color: #FFFFFF;
+    width: 80%;
+    min-width: 960px;
+    max-width: 2048px;
+    box-shadow: 3px 3px 3px #333333;
+    margin-left: auto;
+    margin-right: auto;
+}
+header {
+    background-color: #002171;
+    color: #FFFFFF;
+    line-height: 60px;
+    top-padding: 15px;
+    text-align: center;
+    background-image: url("images/sunset.jpg");
+    background-repeat: no-repeat;
+    background-position: right;
+}
+
+nav {
+    background-color: #FFFFFF;
+    text-align: center;
+    font-weight: bold;
+    text-decoration: none;
+    padding: 1em;
+}
+main {
+    top-padding: 1px;
+    right-padding: 20px;
+    left-padding: 20px;
+}
+h1{
+    margin-bottom: 0;
+    font-family: Georgia, "Times New Roman", sans-serif;
+}
+h2 {
+    color: #1976D2;
+    font-family: Georgia, "Times New Roman", sans-serif;
+    text-shadow: 1px 1px #CCCCCC;
+}
+h3 {
+    color: #000033;
+    font-family: Georgia, "Times New Roman", sans-serif;
+}
+dt {
+    color: #002171;
+}
+ul {
+    list-style-image: url('images/marker.gif')
+}
+footer {
+    font-size: 75%;
+    font-style: italic;
+    font-family: Georgia, "Times New Roman", sans-serif;
+    text-align: center;
+    padding: 2em;
+}
+.resort {
+    color: #1976D2;
+    font-weight: bold;
+}
+.contact {
+    font-size: 90%;
+}
+img {
+    height: 100%;
+    width: 100%;
+}
+#homehero {
+    height: 300px;
+    background-image: url("images/coast.jpg");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+#yurthero {
+    height: 300px;
+    background-image: url("images/yurt.jpg");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+#trailhero {
+    height: 300px;
+    background-image: url("images/trail.jpg");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}