* { margin:0px ; padding:0px; } html { background-image: url(../image/background.png); background-size: cover cover; background-repeat: repeat-y; 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: 1200px; 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:30px; margin:0 auto; transition: transform 500ms; border-radius: 40px; } .obj img:hover { transform: scale(1.1); } .footer { width:1200px; margin-top:100px; box-shadow: 0 -13px 17px -6px black; } .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; } .profile-wishlist { margin-top: 150px; } .profile-vid img { height: 90px; width: 160px; float: left; padding:10px; transition: transform 500ms; border-radius: 20px; } .profile-vid img:hover { transform: scale(1.1); } .padding { padding: 3rem !important } .user-profile { background: linear-gradient(to right, #ee5a6f, #f29263); border-radius: 5px 5px 5px 5px; } .img-states { border-radius: 50%; width: 100; height: 100; margin-bottom: 20px; } h6 { font: 24px Verdana, Arial, Helvetica, sans-serif; } p { font: 18px Verdana, Arial, Helvetica, sans-serif; } .title { border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; margin-top: 40px; font-weight: 600; font: 22px Verdana, Arial, Helvetica, sans-serif; color:#cccccc; } .name-chapter{ font-weight: 600; font: 18px Verdana, Arial, Helvetica, sans-serif; color:#cccccc; margin-bottom: 5px; } .data{ color: #919aa3 !important; font: 18px Verdana, Arial, Helvetica, sans-serif; font-weight: 400; margin-bottom: 20px; } .card-block { padding: 1.25rem; } .bg-image { background-image: url(../image/background.png); background-position: center; } .image-preview { max-width: 200px; max-height: 200px; }