footer,header{display:block}footer li,footer ul{display:-webkit-box;display:-ms-flexbox}body,footer a,footer a:hover,footer a:link,footer a:visited{color:#fff}@font-face{font-family:Rajdhani;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/rajdhani/v10/LDI2apCSOBg7S-QT7pasEfOleeI.ttf) format('truetype')}@font-face{font-family:Rajdhani;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/rajdhani/v10/LDIxapCSOBg7S-QT7p4JM-M.ttf) format('truetype')}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/rajdhani/v10/LDI2apCSOBg7S-QT7pb0EPOleeI.ttf) format('truetype')}body{margin:0!important;font-family:Rajdhani,sans-serif;background:url(../images/mersin4-HD.jpg) no-repeat #000;background-size:cover}a{text-decoration:none}header{font-weight:500;margin:10% auto;width:50%;text-align:center;-webkit-animation-name:show;animation-name:show;-webkit-animation-duration:5s;animation-duration:5s}header h1{font-size:3em;font-weight:400}header h2{font-size:2em;font-weight:300}footer{position:absolute;bottom:20px;width:100%}footer ul{float:right;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:2px 20px}footer li{display:flex;margin:5px 10px}.copyright{float:left;margin:2px 20px;font-weight:400;font-size:.7em}@-webkit-keyframes show{0%{opacity:0}100%{opacity:1}}@keyframes show{0%{opacity:0}100%{opacity:1}}@media screen and (max-width:728px){body,header{width:100%}header h1{font-size:2.2em}header h2{font-size:1.6em}}