*{margin:0;padding:0}.clear-fix{clear:both}.art1-sec2 a,.footer div,.img,.text,.title,nav,nav a,section{display:inline-block}.copyright,.footer,.title-nav,article{width:1100px;margin:0 auto}.art1-sec1 .m2,.art1-sec2,.art2-sec3,.art3-sec3,.contact,.footer input[type=submit],.links3,.text,.title p,nav{float:right}.art1-sec1,.art1-sec1 .m3,.art2-sec1,.art3-sec1,.img,.links,.links1,.title{float:left}.art2,.art3,.links{text-align:center}a{text-decoration:none}.main-header{background-color:#222831;height:86px;padding:20px}.title h1{color:#f9ed69;font-size:45px}.title span{font-size:60px}.title p{font-size:17px;color:grey}nav{margin-top:35px}nav a{color:#fff}nav a::after{content:"|";padding:0 10px}nav a:hover{color:#f9ed69}.contain-art1{background-color:#000;height:315px;padding:50px 0;color:#fff}.art1-sec1{width:600px;text-align:center}.art1-sec1 img{width:315px;border:1px solid grey}.art1-sec1 .m1{height:315px}.m2,.m3{height:260px;margin-top:-290px}.art1-sec2{width:400px}.art1-sec2 h1{font-size:50px;line-height:50px;opacity:.8;font-style:italic;margin:30px 0}.art1-sec2 p{font-size:20px;line-height:25px;opacity:.5}.art1-sec2 a{color:#fff;background-color:grey;padding:12px;margin-top:20px;font-size:20px;border-radius:8px}.art1-sec2 a:hover{color:grey;background-color:#fff}.contain-art2{background-color:#393e46;padding:20px 0}.art2 section{padding:20px;border-radius:7px;font-size:40px}.art2 section:hover{cursor:pointer;background-color:#000}.art2-sec1{background-color:#b5ff7d}.art2-sec1:hover{color:#b5ff7d}.art2-sec2{background-color:#f9ed69}.art2-sec2:hover{color:#f9ed69}.art2-sec3{background-color:#a5dee5}.art2-sec3:hover{color:#a5dee5}.art3{padding:50px 0}.art3 section{width:350px}.art3 .main{text-align:left;height:111px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ccc}.img{padding:3px 3px 1px;border:1px solid #ccc}.img img{width:100px;height:100px}.text{font-size:17px;width:225px}.text h3{font-size:21px;color:#222831}.text p{margin:3px 0;opacity:.5}.text a{float:right;color:#a5dee5}.text a:hover{color:#222831}footer{color:#fff;background-color:#000;padding:20px}.links a{display:block}.links{width:600px}.links div{text-align:left;width:180px}.contact{width:400px}footer h3{padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid #fff;font-style:italic;font-weight:700;color:#fff}.links a{color:#08d9d6;font-size:18px;margin-bottom:5px}.contact input[type=password],.contact input[type=text]{background-color:#393e46;display:block;width:400px;height:30px;border-radius:5px;margin:10px 0}.contact a,label[for=check]{color:#393e46}input[type=submit]{padding:5px;font-size:18px;border-radius:5px;color:#fff;font-weight:700;background-color:#ccc}input[type=submit]:hover{color:#ccc;background-color:#fff;cursor:pointer}form div,label{font-size:18px}.footer a:hover{color:#fff}.copyright{font-size:18px;margin-top:30px;background-color:#393e46;text-align:center;padding:20px 0;color:grey;border-radius:6px}