@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
page-home {
    .bg-image {
        background-image: url('../assets/imgs/autumn-daylight-environment-218820.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .head {
        position: absolute;
        display: block;
        top: 22%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        font-size: 100px;
        background-image: linear-gradient(to bottom, rgb(207, 0, 0), rgb(0, 172, 0));
        -webkit-background-clip: text;
        color: transparent;
    }
    .head h1 {
        font-size: 7vh !important;
        font-weight: lighter !important;
        font-family: 'Permanent Marker', cursive;
    }
    .inputs {
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        color: #fff;
        opacity: 0.6;
    }
    ion-item {
        // background: transparent !important;
        border: 1px solid black !important;
        ion-input {
            color: black;
        }
        ion-label {
            color: #fff !important;
        }
        .item-inner {
            border: 0 !important;
        }
    }
    button {
        position: absolute;
        display: block;
        top: 50%;
        background-color: green !important;
    } 

    .regButt{
        background-color: rgb(255, 145, 0)!important;
    }
    
    
    
    
    
    
    
    
    
    
    // Gets rid of thin line under text boxes
    .item-md.item-input.input-has-focus .item-inner {
        border-bottom-color: transparent !important;
        box-shadow: none !important;
    }
    .list-md .item-input.input-has-focus:last-child {
        border-bottom-color: transparent !important;
        box-shadow: none !important;
    }
    .list-md .item-input.input-has-focus:last-child .item-inner {
        box-shadow: none;
    }
    .item-md.item-input.ng-valid.input-has-value:not(.input-has-focus) .item-inner {
        border-bottom-color: transparent !important;
        box-shadow: none !important;
    }
    .list-md .item-input.ng-valid.input-has-value:not(.input-has-focus):last-child {
        border-bottom-color: transparent !important;
        box-shadow: none !important;
    }
    .list-md .item-input.ng-valid.input-has-value:not(.input-has-focus):last-child .item-inner {
        box-shadow: none;
    }
    .item-md.item-input.ng-invalid.ng-touched:not(.input-has-focus) .item-inner {
        border-bottom-color: transparent !important;
        box-shadow: none !important;
    }
    .list-md .item-input.ng-invalid.ng-touched:not(.input-has-focus):last-child {
        border-bottom-color: transparent !important;
        box-shadow: none !important;
    }
}