@link-color: #0175D9;
html, body {
background: #fff;
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
}
html {
width: 100%;
height: 100%;
}
.btn {
border: none;
cursor: pointer;
text-align: center;
padding: 16px 51px;
background: #0175D9;
border-radius: 25px;
color: #fff;
box-shadow: 0 10px 30px #A0D3FF;
text-transform: uppercase;
text-decoration: none;
&_small {
box-shadow: none;
padding: 8px 28px;
font-size: 14px;
}
&_inverted {
border: 2px solid #0175D9;
background: transparent;
color: #0175D9;
box-shadow: none;
}
}
.entry {
padding-top: 76px;
padding-bottom: 85px;
width: 1100px;
margin: 0 auto;
a {
text-decoration: none;
}
h1 {
background: url(../images/save.png) no-repeat;
padding-left: 68px;
padding-top: 5px;
padding-bottom: 15px;
color: @link-color;
font-size: 18px;
margin-bottom: 40px;
div {
font-size: 12px;
font-weight: 300;
}
}
form {
margin-top: 85px;
text-align: center;
}
h2 {
text-align: center;
color: #383838;
font-size: 24px;
font-weight: 400;
margin-bottom: 10px;
}
&-search {
span {
display: none;
}
vertical-align: middle;
background: url(../images/search.png) no-repeat 50% 50%;
margin-left: -40px;
border: none;
width: 26px;
height: 26px;
border-radius: 50%;
cursor: pointer;
}
&-form {
}
&-btn {
float: right;
}
&-comment {
text-align: center;
color: #707070;
font-size: 14px;
font-weight: 400;
}
&-input {
padding: 14px 21px;
border-radius: 25px;
width: 540px;
border: none;
box-shadow: 0 14px 24px rgba(0 ,0,0,0.1);
color: #B2B2B2;
}
}
.content {
margin-bottom: 60px;
}
footer {
padding: 20px;
background: #F8F8F8;
a {
font-size: 14px;
float: right;
color: @link-color;
}
}
.footer {
&-copy {
font-size: 14px;
color: #707070;
}
&-content {
width: 1100px;
margin: 0 auto;
}
}