Header information
Main content
secondary content
footer
.wrapper { width:100%; height:100%; margin:0; padding:0; position:absolute; float: left; background-color: rgba(55,57,65,0); } .menu { width:100%; height:45px; top:0px; padding-top:5px; padding-left:-20px; z-index:1; background-color: rgba(15,20,35,0.9); float: left; position:fixed; z-index:1; display: flex; justify-content: center; } .menu li { list-style:none; display: inline; margin-left: 20px; margin-top:6px; } .menu a { text-decoration: none; font-size:15px; font-weight:500;} .menu a:link { color:rgb(0,150,256);} .menu a:hover { color:rgb(160,200,256);} .menu a:active { color:rgb(255,255,255);} .menu a:visited { color:rgb(0,150,256);} .logo {display:inline; float:left; margin-top:-19px;} .mod-languages { width:150px; height:25px; top:70px; position: fixed; float:left; z-index:1000; margin-left: 45%; -webkit-border-radius: 6px 0px 0px 6px; -moz-border-radius: 6px; border-radius: 6px; padding:5px; padding-bottom:10px; } .mod-languages a { text-decoration: none; font-size:12px;} .mod-languages a:link { color:rgb(200,220,255);} .mod-languages a:hover { color:rgb(255,255,255);} .mod-languages a:active { color:rgb(120,220,255);} .mod-languages a:visited { color:rgb(200,220,255);} .randomImg { margin-left:1000px; top:-20px; width:100%; position:absolute; float:left; } .language { z-index:1000; position:absolute; float:right; right:0px; background-color:rgb(60,130,190); } .content { width:100%; position: relative; margin-left:auto; margin-right:auto; background-color: rgba(55,57,65,0); display: flex; justify-content: center; } .secondary { width:100%; position: relative; margin-left:auto; margin-right:auto; background-color: rgba(55,57,65,0); } .footer { width:100%; position: relative; margin-left:auto; margin-right:auto; float: left; margin-bottom:40px; } .topSeparation {width:100%; height:80px;} .notes { background-color: rgb(60,130,190); padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; color:rgb(256,256,256); border-radius: 12px; } .popUp { color:rgb(10,110,170); line-height:14px; text-align:justify; text-justify:inter-word; font-size:13px; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight:500; } .popUpWindow { background-color:rgba(255,255,255,0.9); width:100%; height:100%; padding:30px; float:left; position:relative; } .paragraph { width:1200px; float:center; position:relative; font-weight:400; margin: 0 auto; text-align:justify; text-justify:inter-word; } .textBlue {color:rgb(140,200,255); font-style:italic; font-weight:500;} .textRed {color:rgb(41,105,153); font-style:italic; font-weight:500;} body { margin: 0; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 15px; /* line-height: 18px; */ color:rgb(215,215,215); background-color: rgba(55,57,65,0); } a { text-decoration: none;} a:link { color:rgb(0,150,255);} a:hover { color:rgb(160,200,255);} a:active { color:rgb(255,255,255);} a:visited { color:rgb(0,150,255);} /* background image */ html { background-image: url('../images/bg01.png'); background-color: rgb(55,57,65); background-position: 0% 100% ; background-attachment: fixed; background-repeat: no-repeat; }