survey/templates/main.scss

/*
 * Copyright (C) 2021  Aravinth Manivannan <realaravinth@batsense.net>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
@import "./components/footer/main";
@import "./components/form/main";
@import "./components/error/main";

@import "./auth/main";
@import "./panel/main";
@import "./panel/campaigns/new/main";
@import "./panel/campaigns/get/main";
@import "./errors/main";
@import "./components/error/main";

* {
    margin: 0;
    padding: 0;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

    font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Roboto",
        "Segoe UI", Helvetica, Arial, sans-serif;
}

a {
    text-decoration: none;
    color: rgb(0, 86, 179);
}

a:hover {
    text-decoration: underline;
}

body {
    max-width: 100vw;
    overflow-x: hidden;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.survey__body {
    width: 100vw;
    min-height: 100vh;
}

.survey__container {
    width: 60%;
    margin: 50px auto;
    display: flex;
    flex-direction: column;
}

.survey__container {
    h1 {
        margin: auto;
    }

    h2 {
        margin: 10px 0px;
    }

    .link__btn {
        margin: auto;
        width: 100%;
    }

    section {
        margin: 30px 0px;
    }
}

.survey__prize-section {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.prize__preview {
    display: flex;
    margin: auto;
    flex-direction: column;
    align-items: center;
}

.survey__prize {
    height: 250px;
}

.survey__captcha-widget {
    margin: auto;
    margin-top: 40px;
}