|
@@ -1,727 +0,0 @@
|
|
|
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
|
|
|
-@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-*{
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- font-family: 'Roboto', sans-serif;
|
|
|
-}
|
|
|
-
|
|
|
-main {
|
|
|
- margin-top: 156px;
|
|
|
-}
|
|
|
-
|
|
|
-.wrapper {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-h2 {
|
|
|
- font-size: 24px;
|
|
|
-}
|
|
|
-
|
|
|
-section {
|
|
|
- margin-top: 26px;
|
|
|
-}
|
|
|
-
|
|
|
-section h2 {
|
|
|
- margin-bottom: 35px;
|
|
|
-}
|
|
|
-
|
|
|
-input[type="number"]::-webkit-outer-spin-button,
|
|
|
-input[type="number"]::-webkit-inner-spin-button {
|
|
|
- -webkit-appearance: none;
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* header */
|
|
|
-
|
|
|
-
|
|
|
-header {
|
|
|
- position: fixed;
|
|
|
- margin-top: 11px;
|
|
|
- top: 0;
|
|
|
- left: 50%;
|
|
|
- transform: translateY(-50%);
|
|
|
- transform: translateX(-50%);
|
|
|
- width: clamp(300px, 60vw, 1040px);
|
|
|
- background: #FFFFFF;
|
|
|
- box-shadow: 4px 5px 40px 0px #EEEEEE;
|
|
|
- border-radius: 15px;
|
|
|
- height: 60px;
|
|
|
-}
|
|
|
-
|
|
|
-header img {
|
|
|
- margin: 9px 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.logout {
|
|
|
- position: fixed;
|
|
|
- padding: 0;
|
|
|
- margin-top: 15px;
|
|
|
- top: 0;
|
|
|
- left: 82%;
|
|
|
- height: 70px;
|
|
|
- width: 55px;
|
|
|
-}
|
|
|
-
|
|
|
-.logoutCircle {
|
|
|
- position: absolute;
|
|
|
- width: 55px;
|
|
|
- height: 55px;
|
|
|
- border-radius: 100%;
|
|
|
- background: #FFFFFF;
|
|
|
- box-shadow: 4px 5px 40px #EEEEEE;
|
|
|
-}
|
|
|
-
|
|
|
-.logoutText {
|
|
|
- font-family: 'Open Sans', sans-serif;
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- text-align: center;
|
|
|
- font-size: 10px;
|
|
|
- text-decoration: none;
|
|
|
- color: #b20000;
|
|
|
-}
|
|
|
-
|
|
|
-.logoutCircle img {
|
|
|
- display: block;
|
|
|
- margin: auto;
|
|
|
- margin-top: 30%;
|
|
|
- margin-bottom: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* footer */
|
|
|
-
|
|
|
-
|
|
|
-footer {
|
|
|
- padding-top: 23px;
|
|
|
- padding-bottom: 23px;
|
|
|
- margin-top: 48px;
|
|
|
- background: #F3F3F3;
|
|
|
-}
|
|
|
-
|
|
|
-footer>ul {
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
- width: clamp(300px, 60vw, 1174px);
|
|
|
- list-style: none;
|
|
|
- display: flex;
|
|
|
- justify-content: end;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-footer li {
|
|
|
- margin-left: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-footer a {
|
|
|
- color: #000;
|
|
|
- text-decoration: none;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-
|
|
|
-footer #deleteAcc {
|
|
|
- margin-right: auto;
|
|
|
- margin-left: 0;
|
|
|
-}
|
|
|
-
|
|
|
-@media (max-width: 1000px) {
|
|
|
- footer>ul {
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
- footer #deleteAcc {
|
|
|
- margin-right: 0;
|
|
|
- margin-left: 0;
|
|
|
- }
|
|
|
-
|
|
|
- footer li {
|
|
|
- margin-left: 0px;
|
|
|
- }
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* personal_acc */
|
|
|
-
|
|
|
-
|
|
|
-.container-acc {
|
|
|
- width: clamp(300px, 60vw, 650px);
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
- margin-top: 10vh;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-.container-acc .person {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- border: 1px solid #C4C4C4;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 32px;
|
|
|
- padding: 25px 32px;
|
|
|
- margin-bottom: 24px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc #userPhoto {
|
|
|
- border-radius: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .aboutUser {
|
|
|
- margin-right: auto;
|
|
|
- margin-left: 32px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .name {
|
|
|
- font-size: 36px;
|
|
|
- margin-bottom: 22px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .email {
|
|
|
- font-size: 18px;
|
|
|
- color: #A3A3A3;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc #settings {
|
|
|
- margin-bottom: 32px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-@media (max-width: 740px) {
|
|
|
- .container-acc .person {
|
|
|
- flex-direction: column;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
-
|
|
|
- .container-acc .aboutUser {
|
|
|
- margin: 0;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .container-acc #settings {
|
|
|
- margin-bottom: 0;
|
|
|
- margin-top: 20px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-.container-acc .bnh>div {
|
|
|
- border: 1px solid #C4C4C4;
|
|
|
- box-sizing: border-box;
|
|
|
- width: 311px;
|
|
|
- min-height: 144px;
|
|
|
- border-radius: 32px;
|
|
|
- padding: 33px 21px;
|
|
|
- margin-bottom: 24px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .bnh h2 {
|
|
|
- display: inline-block;
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .bnh img {
|
|
|
- float: right;
|
|
|
- margin-right: 19px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .balance img {
|
|
|
- margin-top: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .history img {
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .balanceValue {
|
|
|
- font-size: 24px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .historyElement {
|
|
|
- font-size: 18px;
|
|
|
- width: 30px;
|
|
|
- color: #4a4a4a;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .historyElement p {
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-.container-acc .service {
|
|
|
- border: 1px solid #C4C4C4;
|
|
|
- box-sizing: border-box;
|
|
|
- width: 311px;
|
|
|
- min-height: 140px;
|
|
|
- border-radius: 32px;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- margin-bottom: 24px;
|
|
|
-}
|
|
|
-
|
|
|
-@media (max-width: 1040px) {
|
|
|
- .container-acc .bnh,
|
|
|
- .container-acc .services,
|
|
|
- .container-acc .courses {
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.container-acc .course {
|
|
|
- box-sizing: border-box;
|
|
|
- width: 317px;
|
|
|
- min-height: 188px;
|
|
|
- background: #4a4a4a;
|
|
|
- border: 1px solid #000;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 30px;
|
|
|
- padding-top: 18px;
|
|
|
- padding-left: 22px;
|
|
|
- padding-bottom: 18px;
|
|
|
- margin-bottom: 24px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .courses a {
|
|
|
- color: #fff;
|
|
|
- font-size: 32px;
|
|
|
- font-weight: 700;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .courses p {
|
|
|
- margin-top: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .modal {
|
|
|
- display: none; /* Hidden by default */
|
|
|
- position: fixed; /* Stay in place */
|
|
|
- z-index: 1; /* Sit on top */
|
|
|
- padding-top: 30vh; /* Location of the box */
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- width: 100%; /* Full width */
|
|
|
- height: 100%; /* Full height */
|
|
|
- overflow: scroll; /* Enable scroll if needed */
|
|
|
- background-color: rgb(0,0,0); /* Fallback color */
|
|
|
- background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
|
|
|
-}
|
|
|
-
|
|
|
-@media (max-width: 800px) {
|
|
|
- .container-acc .modal {
|
|
|
- padding-top: 20px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.container-acc .modal-content {
|
|
|
- position: relative;
|
|
|
- margin: auto;
|
|
|
- padding-left: 24px;
|
|
|
- padding-right: 24px;
|
|
|
- padding-bottom: 30px;
|
|
|
- width: clamp(300px, 60vw, 493px);
|
|
|
- background: #FFFFFF;
|
|
|
- border: 1px solid #CACACA;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 24px;
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .modal form {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .modal input {
|
|
|
- padding: 15px;
|
|
|
- margin-top: 15px;
|
|
|
- background: #FFFFFF;
|
|
|
- border: 1px solid #9D9D9D;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 6px;
|
|
|
- height: 45px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .formElement {
|
|
|
- margin-top: 32px;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 600;
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.container-acc #name {
|
|
|
- width: 216px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc #surname {
|
|
|
- width: 208px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc #email {
|
|
|
- width: 253px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc #phone {
|
|
|
- width: 171px;
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc .formBtns {
|
|
|
- margin-top: 58px;
|
|
|
- margin-left: auto;
|
|
|
- font-family: 'Open Sans', sans-serif;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc #closeModal {
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 600;
|
|
|
- color: #479FF8;
|
|
|
- margin-right: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.container-acc #save {
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 700;
|
|
|
- outline: none;
|
|
|
- border: none;
|
|
|
- width: 135px;
|
|
|
- height: 35px;
|
|
|
- color: #fff;
|
|
|
- background: linear-gradient(226.01deg, #00A4FF -13.24%, #0076C7 119.18%);
|
|
|
- border-radius: 6px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* payment */
|
|
|
-
|
|
|
-
|
|
|
-.column-wrapper {
|
|
|
- width: clamp(300px, 60vw, 790px);
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- text-align: center;
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.column-wrapper p {
|
|
|
- font-family: 'Open Sans', sans-serif;
|
|
|
- font-size: 18px;
|
|
|
- color: #5F5E5E;
|
|
|
- line-height: 24.51px;
|
|
|
- margin-bottom: 25px;
|
|
|
-}
|
|
|
-
|
|
|
-.column-wrapper form {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- text-align: center;
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-.req-wrapper .payImages {
|
|
|
- width: clamp(300px, 60vw, 315px);
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-items: center;
|
|
|
- margin-top: 9px;
|
|
|
-}
|
|
|
-
|
|
|
-.req-wrapper .payImages img {
|
|
|
- height: 100%;
|
|
|
- width: auto;
|
|
|
- margin-bottom: 40px;
|
|
|
-}
|
|
|
-
|
|
|
-.req-wrapper #sum {
|
|
|
- width: 309px;
|
|
|
- height: 52px;
|
|
|
- background: #FFFFFF;
|
|
|
- border: 1px solid #9D9D9D;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 6px;
|
|
|
- padding-left: 10px;
|
|
|
- margin-top: 15px;
|
|
|
- margin-bottom: 34px;
|
|
|
-
|
|
|
- font-size: 18px;
|
|
|
-}
|
|
|
-
|
|
|
-.req-wrapper #sum::placeholder{
|
|
|
- color: #C4C4C4;
|
|
|
-}
|
|
|
-
|
|
|
-.req-wrapper #pay {
|
|
|
- font-size: 18px;
|
|
|
- font-weight: 700;
|
|
|
- outline: none;
|
|
|
- border: none;
|
|
|
- width: 211px;
|
|
|
- height: 52px;
|
|
|
- color: #fff;
|
|
|
- background: #4a4a4a;
|
|
|
- border-radius: 11px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.req-wrapper #back {
|
|
|
- color: #4a4a4a;
|
|
|
- font-family: 'Open Sans', sans-serif;
|
|
|
- font-weight: 600;
|
|
|
- font-size: 18px;
|
|
|
- margin-top: 20px;
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-.req-wrapper + hr {
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
- margin-top: 60px;
|
|
|
- margin-bottom: 14px;
|
|
|
- width: clamp(300px, 60vw, 750px);
|
|
|
-}
|
|
|
-
|
|
|
-.container-req {
|
|
|
- width: clamp(300px, 60vw, 820px);
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
- margin-top: 40px;
|
|
|
-}
|
|
|
-
|
|
|
-.requisites>div {
|
|
|
- background: #FFFFFF;
|
|
|
- border: 1px solid #C4C4C4;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 32px;
|
|
|
- padding-left: 34px;
|
|
|
- padding-right: 34px;
|
|
|
- padding-top: 20px;
|
|
|
- padding-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.requisites>div p {
|
|
|
- font-size: 18px;
|
|
|
- color: #5F5E5E;
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.requisites>div a {
|
|
|
- color: #004879;
|
|
|
-}
|
|
|
-
|
|
|
-.footer-pay {
|
|
|
- margin-top: 25px;
|
|
|
-}
|
|
|
-
|
|
|
-.getPay-footer {
|
|
|
- margin-top: 0;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* payment_mess */
|
|
|
-
|
|
|
-
|
|
|
-.fullH {
|
|
|
- text-align: center;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- margin-top: 0;
|
|
|
- height: 50em;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.fullH p {
|
|
|
- font-size: 36px;
|
|
|
- font-weight: 700;
|
|
|
- margin-top: 230px;
|
|
|
- margin-bottom: 37px;
|
|
|
-}
|
|
|
-
|
|
|
-.fullH #back {
|
|
|
- font-family: 'Roboto', sans-serif;
|
|
|
- font-weight: 600;
|
|
|
- color: #4a4a4a;
|
|
|
- font-size: 18px;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/* auths */
|
|
|
-
|
|
|
-
|
|
|
-.auth-block,
|
|
|
-.authfog-block {
|
|
|
- width: clamp(300px, 60vw, 544px);
|
|
|
- min-height: 559px;
|
|
|
- border-radius: 32px;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 86px 106px;
|
|
|
- border: 1px solid #9d9d9de3;
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
- margin-top: 25vh;
|
|
|
-}
|
|
|
-
|
|
|
-.logo400 {
|
|
|
- display: block;
|
|
|
- width: 204px;
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.auth-block form,
|
|
|
-.authfog-block form {
|
|
|
- margin-top: 60px;
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
- width: 312px;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.auth-block input,
|
|
|
-.authfog-block input {
|
|
|
- display: block;
|
|
|
- height: 45px;
|
|
|
- box-sizing: border-box;
|
|
|
- width: 100%;
|
|
|
- border-radius: 6px;
|
|
|
- padding: 0px 12px;
|
|
|
- background: #FFFFFF;
|
|
|
- border: 1px solid #9D9D9D;
|
|
|
- font-size: 18px;
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-.auth-block input[name="password"] {
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.auth-block #incorrect {
|
|
|
- display: none;
|
|
|
- color: #ff1616;
|
|
|
- font-size: 14px;
|
|
|
- margin-top: 30px;
|
|
|
- margin-bottom: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.auth-block #forgot-pass {
|
|
|
- color: #4a4a4a;
|
|
|
- font-weight: 700;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-
|
|
|
-.auth-block .buttons,
|
|
|
-.authfog-block .buttons {
|
|
|
- margin-top: 35px;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.auth-block #register,
|
|
|
-.authfog-block #enter {
|
|
|
- color: #4a4a4a;
|
|
|
- font-weight: 600;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-
|
|
|
-.auth-block .enter,
|
|
|
-.authfog-block .next {
|
|
|
- box-sizing: border-box;
|
|
|
- width: 103px;
|
|
|
- height: 35px;
|
|
|
- font-weight: 700;
|
|
|
- font-family: 'Open Sans', sans-serif;
|
|
|
- color: #fff;
|
|
|
- font-size: 14px;
|
|
|
- cursor: pointer;
|
|
|
- outline: none;
|
|
|
- border: none;
|
|
|
- background: #4a4a4a;
|
|
|
- border-radius: 7px;
|
|
|
-}
|
|
|
-
|
|
|
-.authfog-block {
|
|
|
- padding: 60px 98px;
|
|
|
-}
|
|
|
-
|
|
|
-.authfog-block form {
|
|
|
- text-align: center;
|
|
|
- width: 337px;
|
|
|
-}
|
|
|
-
|
|
|
-.authfog-block form p {
|
|
|
- font-size: 18px;
|
|
|
-}
|
|
|
-
|
|
|
-.authfog-block .userNum {
|
|
|
- margin-top: 44px;
|
|
|
- font-weight: 700;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.authfog-block input[name="phone"] {
|
|
|
- margin-top: 20px;
|
|
|
- margin-bottom: 20px;
|
|
|
- width: 207px;
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.authfog-block .resend {
|
|
|
- font-weight: 700;
|
|
|
- color: #a7a7a7;
|
|
|
-}
|
|
|
-
|
|
|
-.authfog-block #secLeft {
|
|
|
- color: #a7a7a7;
|
|
|
- font-weight: 300;
|
|
|
- margin-top: 8px;
|
|
|
-}
|
|
|
-
|
|
|
-.authfog-block .buttons {
|
|
|
- margin-top: 42px;
|
|
|
-}
|
|
|
-
|
|
|
-@media (max-width: 830px) {
|
|
|
- .auth-block,
|
|
|
- .authfog-block {
|
|
|
- padding: 100px 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .auth-block form,
|
|
|
- .authfog-block form {
|
|
|
- margin-top: 30px;
|
|
|
- width: 200px;
|
|
|
- }
|
|
|
-}
|