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