@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');

.grappin-page-panel {
    margin-right: 10px;
}

.grappin-card {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-family: Comfortaa, sans-serif;
    color: rgb(49, 44, 104);
    font-size: 14px;
    caret-color: rgb(49, 44, 104);
    box-sizing: border-box;
    padding: 2.5em;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 20px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    margin: 2rem auto;
    max-width: 720px;
}

.grappin-page-panel label {
    color: rgb(49, 44, 104);
}

.grappin-page-panel input, .grappin-page-panel select {
    appearance: none;

    font-size: 12px !important;
    color: rgb(49, 44, 104);
    border: 1px solid rgb(233, 232, 239);
    border-radius: 0px;
    width: 100%;
    max-width: unset;
}

.grappin-page-panel .button {
    display:block;
    border-radius: 5px;
    font-size: 14px !important;
    border: none;
    transition: all 0.3s ease 0s;
    font-weight: bold;
    color: rgb(255, 255, 255);
    background-color: rgb(45, 234, 184);
    max-width: 250px;
    float: right;
    margin: 0 10px;
    padding-top: 3px;
}

.grappin-page-panel .button:hover {
    background-color: rgb(0, 210, 162);
    box-shadow: rgba(82, 104, 219, 0.27) 0px 9px 20px -5px;
}

.grappin-page-panel input:focus, .grappin-page-panel select:focus {
    outline: none;
    border-color: rgb(45, 234, 184);
    box-shadow: none;
}

.grappin-page-panel select:hover {
    color: inherit;
}

.grappin-page-panel p.grappin-page-description {
    font-size: 14px;
}

.grappin-page-panel input[type=text] {
    width: 100%;
}

.grappin-logo-wrapper {
    min-height: 74px;
    box-sizing: border-box;
}

.grappin-logo-wrapper img {
    width: 200px;
    display: block;
}

.grappin-logo {
    display: block;
}