body { background-attachment: fixed; transition: .1s ease-out; padding: 0; margin: 0; } .mouse-parallax { overflow-x: hidden; } .mouse-parallax-bg { position: absolute; background-repeat: no-repeat; background-size: cover; width: 105%; height: 105%; transition: all 0.1s ease; background-image: url(/img/backgroundimage.jpg); background-color: black; background-position: center; } .btn { color: rgba(255, 255, 255, 0.993); cursor: pointer; text-decoration: none; text-transform: uppercase; font-family: 'Montserrat', sans-serif; border-bottom: 1px solid rgba(0,0,0,0); font-weight: 700; transition: 0.20s; } .btn:hover, .btn:focus { outline: 0; border-bottom: 3px solid white; padding-bottom: 5px; } .logo { color: white; font-family: 'Montserrat', sans-serif; font-size: 150px; position: absolute; transition: 1s; left: 40%; top:40%; margin: 0%; } .logo:hover { transform: scale(1.2); } .vk { position: absolute; top: 13px; right: 120px; transition: 1s; } .vk:hover { transform: scale(1.2); } .facebook { position: absolute; top: 13px; right: 75px; transition: 1s; } .facebook:hover { transform: scale(1.2); } .instagram { position: absolute; top: 13px; right: 30px; transition: 1s; } .instagram:hover { transform: scale(1.2); } .b1 { position: absolute; top: 30px; right: 1000px; } .b2 { position: absolute; top: 30px; right: 850px; } .b3 { position: absolute; top: 30px; right: 715px; } .b4 { position: absolute; top: 30px; right: 480px; } .b5 { position: absolute; top: 30px; right: 330px; } .logoP { position: absolute; top: 1%; left:1%; width: 100; } .cloud1 { position: absolute; top: 3%; right: 5%; } .cloud2 { position: absolute; top: 35%; right: 70%; } .cloud3 { position: absolute; top: 25%; right: 4%; } .cloud4 { position: absolute; top: 3%; left:10% ; } .effect{ width: 10%; } @media screen and (max-width:480px) { .logo{ width: 100px; } }
