Team:SSTi-SZGD/css/header

.header{ width: 80%; height: 60px; padding: 5px 0 0 5px; background: rgba(0,0,0,0.431373); margin: auto; position: absolute; left: 0; right: 0; z-index: 1;}

.header .logo{ float: left;} .header .logo img{ width: 40px; float: left; margin: 5px 10px;} .header .logo span{ color: white; font-size: 2rem; margin: 12px 0; letter-spacing: 2px; display: inline-block;}

.header .nav{ float: right; position: relative;} .header .nav a{ display: block;} .header .nav .Home{ margin-right: 20px;} .header .nav .Home span:hover{ color: #FAEE0D;} .header .nav .Team{ width: 115px;} .header .nav .Project{ width: 120px;} .header .nav .Application{ width: 125px;} .header .nav .Human_Practices{ width: 165px;} .header .nav .Achievement{ width: 135px;} .header .nav .mainnav{ padding-top: 4px; float: left; text-align: center;} .header .nav .mainnav span{ margin-bottom: 19.5px; font-size: 1.8rem; padding-top: 6px; border-top: 4px solid rgba(255,255,255,0); color: #fff; display: inline-block;} .header .nav .mainnav:hover{ cursor: pointer;} .header .nav .unify{ background: rgba(0,0,0,0.431373); float: left; text-align: center; font-size: 1.5rem; width: inherit; display: none;} .header .nav .unify li{ margin: 5px auto 15px auto;} .header .nav .unify li a{ color: white;} .header .nav .unify li a:hover{ color: #FAEE0D;}

.topic{ position: absolute; margin: auto; left: 0; right: 0; text-align: center; font-size: 5rem; color: white; top: 170px;} .topic p{ width: 58.28%; height: 200px; padding: 40px; border-top: 5px solid white; border-bottom: 5px solid white; margin: auto; font-size: 7rem} .topic p span:nth-of-type(1){ display: block; margin-bottom: 20px;} .topic p span:nth-of-type(2){ display: block; font-size: 2.2rem; float: right;}