diff --git a/proj3/abo.css b/proj3/abo.css index 68ad372..dae5cda 100644 --- a/proj3/abo.css +++ b/proj3/abo.css @@ -1,3 +1,79 @@ -{ -Left:50%; +*{ + + margin:0; +padding:0; +font-family: Century Gothic; } + +header{ + background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(abo.jpg); + height:100vh; + +background-size:cover; +background-position:center; +} +ul{ + margin-top:29px; + margin-right:8px; + list-style-type:none; + float:right; + font-size:23px; +} + +ul li{ + display:inline-block; + +} + +ul li a{ + text-decoration:none; + color:#fff; + padding:5px 20px; + border:2px solid #fff; + transition: 0.6s ease; +} + +ul li a:hover{ + background-color:#fff; + color:#0000FF; +} + +ul li.active{ +background-color: #000; +color:#fff; +} +.logo img{ + float:left; + margin-left:16px; + height:10vh; +} +.main{ +max-width:1400px; + +} + +.title{ + position:absolute; + top:20%; + left:50%; + transform: translate(-50%,-50%); + +} +.title h1{ + color:#fff; + font-size:60px; + color:rgb(0,0,0,0.8); +} + +.abt { + position:absolute; + color:#fff; + font-family:Arial,sans-serif; + transform: translate(-50%,-50%); + top:40%; + left:34%; +} + + + +