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;
}
}
