redesign 3

1 files changed, 109 insertions, 0 deletions

diff --git a/Schoolproject/CSS/main.css b/Schoolproject/CSS/main.css
new file mode 100644
index 0000000..df97597
--- /dev/null
+++ b/Schoolproject/CSS/main.css
@@ -0,0 +1,109 @@
+body{
+  background-image: url("../images/constitution.jpg");
+  background-color: #cccccc;
+  height: 500px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: fill;
+  background-attachment: fixed;
+  position: relative;
+}
+h1{color:black;}
+h2{color:black;}
+h3{color:black;}
+h4{color:black;}
+h5{color:black;}
+p{color:black;font-size:20px;font-family:Arial;}
+td{color:black;font-size:20px;font-family:Arial;}
+a{color:black;}
+li{color:black;font-size:20px;font-family:Arial;}
+h1.white{color:white;}
+h2.white{color:white;}
+h3.white{color:white;}
+h4.white{color:white;}
+h5.white{color:white;}
+table{border-spacing: 5px;}
+p.white{color:white;text-indent: 50px;font-size:20px;font-family:Arial;}
+a.white{color:white;}
+li.white{color:white;}
+p.big{color:black;line-height: 2;text-indent: 50px;font-size:20px;font-family:Arial;}
+span.nav_button{font-size:30px;cursor:pointer;color:white;}
+img.logo{width:113.66px;height:120px;}
+img.computer{height:200px;width:200px;}
+img.work_computer{height:250px;width:200px;}
+marquee{color:white;}
+img.HundOS{height:113px;width:200px;}
+img.hound{height:169px;width:300px;}
+div.container {
+    width: 100%;
+    transition: margin-left .5s;
+}
+img.ac{width:500px;height:302.2px;}
+img.sr{width:500px;height:342.2px;}
+img.cb{width:500px;height:293.6px;}
+img.mm{width:500px;height:296px;}
+img.Presidents{width:500px;height:900px;}
+img.jb{width:500px;height:334.4px;}
+img.bill{width:500px;height:696px;}
+#main {
+    transition: margin-left .5s;
+}
+header, footer {
+    padding: 1em;
+    color: white;
+    clear: left;
+}
+main {
+    transition: margin-left .5s;
+    padding: 16px;
+    margin-left:100px;
+    margin-right:100px;
+    background-color:white;
+}
+.button1 {
+    background-color: white;
+    color: black;
+    border: 2px solid #555555;
+}
+
+.button1:hover {
+    background-color: #555555;
+    color: white;
+}
+.sidenav {
+    height: 100%;
+    width: 0;
+    position: fixed;
+    z-index: 1;
+    top: 0;
+    left: 0;
+    background-color: #111;
+    overflow-x: hidden;
+    transition: 0.5s;
+    padding-top: 60px;
+}
+.sidenav a {
+    padding: 8px 8px 8px 32px;
+    text-decoration: none;
+    font-size: 25px;
+    color: #818181;
+    display: block;
+    transition: 0.3s;
+}
+.sidenav a:hover, .offcanvas a:focus{
+    color: #f1f1f1;
+}
+.sidenav p {
+    text-decoration: none;
+    font-size: 15px;
+    color: #818181;
+    display: block;
+    transition: 0.3s;
+}
+.sidenav .closebtn {
+    position: absolute;
+    top: 0;
+    right: 25px;
+    font-size: 25px;
+    margin-left: 50px;
+}