* { margin:0px ; padding:0px; } html { background-image: url(../image/background.png); /* Путь к картинке */ background-size: cover; /* Растягиваем картинку по ширине */ background-repeat: no-repeat; /* Картинка фона без повторения */ background-position: center; /* Позиция фона по центру */ } .menu li { float:left; margin:10px 25px; } .blok-menu { position: sticky; height: 100px; top: 0px; left: 0px; right: 0px; background: #000000; box-shadow: 0px 13px 17px -6px #000000; } .menu { margin:0 auto; display:table; } .menu li span { margin-top: 20px; font: 32px Verdana, Arial, Helvetica, sans-serif; color:#cccccc; text-decoration: none; display: inline-block; } .menu li span:hover { font: 32px Verdana, Arial, Helvetica, sans-serif; color:#cc9999; transition: transform 500ms; transform: translateY(-8px); } .content { width: 1415px; height: auto; margin:0 auto; padding:0px; } .content h1 { font: 30px Verdana, Arial, Helvetica, sans-serif; color:#cccccc; position: relative; margin-top: 100px; left: 150px; } .obj img { float: left; display: table; padding:10px; margin:0 auto; transition: transform 500ms; border-radius: 20px; } .obj img:hover { transform: scale(1.1); } .footer { width:1200px; margin-top:100px; } .footer p { font: 18px Verdana, Arial, Helvetica, sans-serif; color:#cccccc; position: fixed; bottom: 0; padding-top: 1%; padding-left: 1%; width: 99%; height: 40px; background-color: black; box-shadow: 0px -13px 17px -6px #000000; } img { height:180px; transition: 0.3s; border: 5px solid black; border-radius: 10px; } a img { transition: 0.3s; border: 5px solid black; border-radius: 10px; } img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 15px 10px rgba(255, 123, 178, 0.5); } li:hover { transition: transform 500ms; transform: translateY(-8px); }