body{ height: 100%; margin: 0; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; background-color: #F2F2F2; } html { height: 100%; margin: 0; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } .panel { color: red; } .panel ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #066163; } .panel li { float: left; font-size: 150%; text-align: center; } .panel li a { display: block; color: #F2F2F2; text-align: center; padding: 20px 22px; text-decoration: none; } .panel li a:hover { color: #CDBE78; } .glavfoto { background-image: url("https://www.minecraft.net/content/dam/community/fy21/minecraft/heroimages/hero_cityoflight-081220.png"); height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .glavtex { text-align: center; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); color: #EEEEEE; } .glavp { font-size: 100px; margin: 1px; color: #066163; font-weight: bold; text-align: center; } .center { margin-left: 25%; margin-right: 25%; } .oglavlenije { font-size: 40px; text-align: center; font-weight: bold; } .samtext { font-size: 20px; } .foto1 { float: left; width: 33%; } footer { left: 0; bottom: 0; width: 100%; height: 35px; background-color: #066163; color: #F2F2F2; text-align: center; font-size: 20px; } .masik { text-align: center; font-size: 25px; color: #066163; }