@media only screen and (max-width: 1200px) {
#images {
height: 100%;
width: 100%;
background-image: url("nQkm2V (1).jpg");
background-size: cover;
background-repeat: no-repeat;
}
#k-button {
padding: 15px 94px;
}
#logo-background {
height: 100px;
width: 200px;
position: fixed;
top: 0;
left: 26%;
z-index: 98;
}
#menu-background {
position: fixed;
top: 0;
width: 100%;
height: 55px;
z-index: 97;
background-color: #131c20;
}
.menu- a {
color: #d3d3d3;
font-size: 19px;
z-index: 999;
font-family: 'PT Sans', sans-serif;
text-decoration: none;
}
#menu {
position: fixed;
top: 17px;
left: 9%;
}
#menu-2 {
position: fixed;
top: 17px;
left: 76%;
}
.menu- a:hover {
color: white;
}
#z-logo {
position: fixed;
top: 10px;
height: 75px;
width: 90px;
z-index: 100;
left: 38%;
z-index: 101;
}
.buttons {
position: relative;
top: 400px;
margin-bottom: -114px;
}
.buttons a {
text-decoration: none;
color: #8b0021;
padding: 15px 90px;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 25px;
border: solid 1px #8b0021;
transition: 0.4s;
border-radius: 5px;
margin: 30px auto 0;
}
.buttons a:hover {
background-color: #8b0021;
color: white;
}
.zenia-text {
position: relative;
bottom: 450px;
font-size: 40px;
color: white;
margin-top: -74px;
font-family: 'Ubuntu', sans-serif;
}
#karakter-syf {
height: 195%;
width: 100%;
background-color: #131c20;
}
.baslik {
position: relative;
bottom: 1180px;
font-family: 'PT Sans Narrow', sans-serif;
width: 100%;
height: 50px;
background: gray;
line-height: 60px;
margin-top: -120px;
color: white;
font-size: 25px;
border-radius: 5px;
}
.teaser {
position: relative;
bottom: 1010px;
margin-top: -160px;
}
.t-image {
height: 170px;
width: 170px;
}
.t-hr {
width: 400px;
}
.t-text {
position: relative;
bottom: 910px;
color: white;
font-size: 17px;
font-family: 'Ubuntu', sans-serif;
margin-top: -86px;
}
.teaser-2 {
position: relative;
bottom: 595px;
margin-top: -160px;
}
.t-image-2 {
height: 170px;
width: 170px;
}
.t-hr-2 {
width: 400px;
}
.t-text-2 {
position: relative;
bottom: 490px;
color: white;
font-size: 17px;
font-family: 'Ubuntu', sans-serif;
margin-top: -86px;
}
.baslik-2 {
position: relative;
bottom: 750px;
width: 100%;
height: 50px;
background: gray;
line-height: 60px;
color: white;
font-size: 25px;
font-family: 'PT Sans Narrow', sans-serif;
border-radius: 5px;
margin-top: -140px;
}
.baslik-3 {
position: relative;
bottom: 350px;
font-family: 'PT Sans Narrow', sans-serif;
width: 100%;
height: 50px;
background: gray;
line-height: 60px;
margin-top: -120px;
color: white;
font-size: 25px;
border-radius: 5px;
}
.teaser-3 {
position: relative;
bottom: 195px;
margin-top: -160px;
}
.t-image-3 {
height: 170px;
width: 170px;
}
.t-text-3 {
position: relative;
bottom: 86px;
color: white;
font-size: 17px;
font-family: 'Ubuntu', sans-serif;
margin-top: -86px;
}
.social-media {
position: absolute;
top: 318%;
left: 18%;
}
.social-media a {
color: white;
font-size: 15px;
margin: 10px;
padding: 15px;
text-decoration: none;
border-radius: 100px;
transition: 0.6s;
}
.fa-facebook {
background: #3b5998;
}
.fa-facebook:hover {
background: white;
color: #3b5998;
}
.fa-instagram {
background: #cd486b;
}
.fa-instagram:hover {
background: white;
color: #cd486b;
}
.fa-steam {
background: #00adee;
}
.fa-steam:hover {
background: white;
color: #00adee;
}
.fa-youtube {
background: #cc181e;
}
.fa-youtube:hover {
background: white;
color: #cc181e;
}
.ust-footer {
width: 100%;
height: 35%;
background-color: #0e0e0f;
}
.footer-logo {
position: absolute;
height: 100px;
top: 300%;
width: 120px;
left: 35%;
}
.hr-footer {
position: absolute;
top: 315%;
left: 14%;
}
.alt-footer {
width: 100%;
height: 5%;
background-color: black;
}
.alt-text {
position: relative;
bottom: 11px;
color: white;
font-size: 14px;
margin-top: -15px;
font-family: 'Oxygen', sans-serif;
}
#bottom-b {
position: fixed;
top: 90%;
left: 83%;
z-index: 300;
font-size: 35px;
background-color: #8b0021;
color: white;
border-radius: 50px;
padding: 10px 15px;
transition: 0.4s;
border: none;
}
#bottom-b:hover {
background: white;
color: #8b0021;
}
}
{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}