body {
    font-family: 'Josefin Sans', sans-serif;
}
.header-row {
    height: 300px;
    /*background: -webkit-linear-gradient(top,#7579ff,#b224ef);*/
    background: url(../img/purple-pattern-c.jpg)no-repeat;
    background-size:100%;
    /*border-bottom-right-radius: 20%;
    border-bottom-left-radius: 20%;*/
    position: relative;
}
    .header-row .img {
        width: 120px !important;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        bottom: -60px;
    }
.loginModel{
    margin:20px;
    margin-top:80px;
}
    .loginModel .img {
        width:150px;
        margin:10px;
    }

.btn {
    border-radius: 20px;
    height:30px;
}

.btn-success {
    background: rgb(131,155,238);
    background: linear-gradient(45deg, rgba(131,155,238,0.9976365546218487) 10%, rgba(153,112,223,1) 52%, rgba(159,58,209,1) 74%);
    border-color: rgb(163 130 251);
}

    .btn-success:hover {
        background: none;
        border: none;
        color: rgb(134 0 235);
        box-shadow: rgb(102 45 145) 0px 0px 20px;
    }

.btn-danger {
    background: rgb(238,138,131);
    background: linear-gradient(45deg, rgba(238,138,131,0.9976365546218487) 0%, rgba(223,112,122,1) 52%, rgba(209,58,132,1) 74%);
    border-color: rgb(238,138,131);
}

    .btn-danger:hover {
        background: none;
        border: none;
        color: rgb(238,138,131);
        box-shadow: rgb(238,138,131) 0px 0px 20px;
    }
.splashscreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /*background-color: white;*/
    background: url(../img/purple-pattern-c.jpg)no-repeat;
    background-size: cover;
    text-align: center;
    z-index: 1;
}

    .splashscreen img {
        text-align: center;
        /*margin-top: 150px;*/
        width: 160px;
        /*border: 5px solid #fff;*/
        border-radius: 50%;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


.pulse {
    animation: pulse-animation 2s infinite;
}

.s-pulse {
    animation: s-pulse-animation 1.5s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.7);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

@keyframes s-pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.7);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
}