.disable{
    opacity: .4;
    cursor: not-allowed;
    pointer-events: none;
}

.enable{
    opacity: 1;
    cursor: pointer;
    pointer-events: all;
}

a.button4{
    display:inline-block;
    padding:0.3em 1.2em;
    margin:0 0.1em 0.1em 0;
    background-color: rgba(154,78,241, 1);
    border:0.16em solid rgba(154,78,241, 1);
    border-radius:2em;
    box-sizing: border-box;
    text-decoration:none;
    font-family:'Helvetica Neue', helvetiva, arial, sans-serif;
    font-size: 16px;
    font-weight:700;
    color:#FFFFFF;
    text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
    text-align:center;
    transition: all 0.2s;
    cursor: pointer;
}
a.button4:hover{
    border-color: rgba(169,47,231, 1);
    background-color: rgba(169,47,231, 1);
}
a.button4[disabled]{
    opacity: .4;
    cursor: default !important;
    pointer-events: none;
}

a.button5{
    display:inline-block;
    padding:1em 1.7em;
    margin:0 0.1em 0.1em 0;
    background-color: rgba(41,0,62,255);
    border:0.16em solid rgba(41,0,62,255);
    border-radius:8em;
    box-sizing: border-box;
    text-decoration:none;
    font-family:'Helvetica Neue', helvetiva, arial, sans-serif;
    font-size: 14px;
    font-weight:400;
    color:#FFFFFF;
    text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
    text-align:center;
    transition: all 0.2s;
    cursor: pointer;
}
a.button5:hover{
    border-color: rgba(153,10,227,255);
    background-color: rgba(153,10,227,255);
}
a.button5[disabled]{
    opacity: .4;
    cursor: default !important;
    pointer-events: none;
}

@media all and (max-width:30em){
    a.button4{
        display:block;
        margin:0.2em auto;
    }
}

@font-face{
    font-family: Pebble;
    src: url('Pebble-CAPS.woff'), url('Pebble-CAPS.woff') format('woff');}

input[type=email] {
    padding: 25px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 4px;
    border: 1px solid rgba(153,10,227,255);
    text-align: left;
    outline: none;
}

input[type=email]:focus {
    border: 1px solid rgba(153,10,227,255);
}

input[type=email]:hover {
    border: 1px solid rgba(153,10,227,255);
}

.wrapper {
    position: relative;
    font-family: 'Telia San',sans-serif;
    width: max-content;
}

.parent {
    display: grid;
    grid-template-rows: repeat(9, 1fr);
    grid-template-columns: repeat(9, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
}

.div1 { grid-area: 1 / 2/ 9 / 9; }

.placeholder {
    color: rgba(153,10,227,255);
    opacity: 1; /* Firefox */
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 11px;
}

.input:placeholder-shown + .placeholder {
    /* if real placeholder is shown - hide fake placeholder */
    opacity: 0;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(153,10,227,255);
    opacity: 1; /* Firefox */
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 11px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(153,10,227,255);
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 11px
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(153,10,227,255);
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 11px
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid rgba(154,78,241, 1); /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}