@font-face{
    font-family: helvetica;
    src: url(/Helvetica_33244fbeea10f093ae87de7a994c3697.5e152f45.ttf);
    font-weight: normal;
}

@font-face{
    font-family: gotham;
    src: url(/Gotham-Book.e1f71601.otf);
    font-weight: 400;
}
@font-face{
    font-family: gotham;
    src: url(/Gotham-Medium.cf93ef72.otf);
    font-weight: 500;
}

body{
    text-align: center; margin: 0; font-family: helvetica;
}
.landing-page{
    display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; max-width: 100%; margin-top: 30px;
}
.landing-page h1{
    font-family: gotham; margin-top: 2px; font-size: 45px;
}
.landing-page h3{
    font-family: helvetica; margin-bottom: 3px; font-size: 25px; letter-spacing: 3px;
}
.welcome{
    width: 600px; margin: 0px 1%; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 75vh;
}
.login-register{
    width: 600px; margin: 0px 1%; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 75vh;
}
h1{
    margin: 50px 0px 20px 0px; 
}
.main-page{
    width: 90%; height: 100%; margin: 0px auto;
}
.kanban{
    width: 100%; height: auto; display: flex; justify-content: space-around; padding: 20px 0px 0px 10px; flex-wrap: wrap;
    background-color: rgba(255, 255, 255, 0.753); margin: 10px auto auto 0; font-family: gotham;
}

.container-content{
    border-radius: 10px; background-color: rgb(255, 255, 255); padding: 15px 15px; margin: 10px 15px; font-size: 15px; line-height: 18px;
    border: 2px solid rgb(16, 185, 185); letter-spacing: 0.3px; display: flex; justify-content: space-between;
}
.container-title h3{
    margin-top: 0px; margin-bottom: 2px; padding: 10px 15px; color: white; font-size: 19px; 
}
.backlog, .todo, .completed, .done{
    width: 300px; background-color: rgb(236, 233, 233); text-align: left; padding-bottom: 10px;
    display: flex; flex-direction: column; border-radius: 10px; height: 100%; font-size: 15px; background-color: white;
    box-shadow: 0px 13px 8px rgba(0, 0, 0, 0.342); margin-bottom: 40px;
    
}
.header{
    height: 80px; width: 100%; background-color: rgb(28, 190, 201); padding: 10px 0px; color: whitesmoke; display: flex; flex-direction: column;
    justify-content: center; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.233); margin-bottom: 50px;
}
.login, .register{
    width: 400px; height: auto; border: 4px solid rgb(28, 190, 201); border-radius: 20px; margin: 0px auto;
    padding: 20px 0px;
}
.login h3, .register h3{
    font-size: 30px;
}
button{
    width: 220px; height: auto; font-size: 15px; border-radius: 10px; background-color: rgb(28, 190, 201); color: white; padding: 10px 10px;
}
form input{
    width: 200px; height: 20px; margin: 10px 0px; border-radius: 10px; padding: 10px 10px; font-size: 15px;
}
.header li{
    display: inline; margin: 5px 10px;
}
.header li:hover{
    cursor: pointer;
}
.logo:hover{
    cursor: pointer;
}
.border-1{
    border: 2px solid #f70763
}
.border-2{
    border: 2px solid #ffc524
}
.border-3{
    border: 2px solid #3f96cc
}
.border-4{
    border: 2px solid #4bd19c
}
.card{
    overflow: auto;  max-height: 50vh; min-height: 10px; padding-bottom: 10px;
}
.task-title{
    font-size: 18px; margin-bottom: 5px; font-weight: 500;
}
.task-description{
    font-size: 13px; color: rgb(104, 103, 103); line-height: 15px; width: 90%
}
.task-content{
    max-width: 90%; display: flex; flex-direction: column;
}
.btn-add-task{
    font-size: 40px; width: 55px; height: 55px; background-color: rgb(175, 10, 175); color: white; border-radius: 50%; float: right; margin-top: 0;
    padding: 0px 0px; margin-bottom: 20px; position: fixed; bottom: 0px; right: 30px;
}
.btn-add-task:hover{
    cursor: pointer;
}
.modal-cust{
    width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.473); position: absolute; top: 0;
    display: flex; justify-content: center; align-items: center; left: 0;
}.add-task{
    width: 350px; height: 500px; background-color: white; color: black; border-radius: 30px; display: flex; justify-content: center; align-items: center;
    position: relative;
}
.close{
    position: absolute; top: 10px; right: 20px; font-size: 30px; transform: rotate(45deg);
}
.close:hover{
    cursor: pointer;
}
.btn-delete{
    color: #f70763;
}
.btn-delete:hover{
    cursor: pointer;
}
.backlog .container-title{
    background-color: #f70763;
}
.todo .container-title{
    background-color: #ffc524;
}
.done .container-title{
    background-color: #3f96cc;
}
.completed .container-title{
    background-color: #4bd19c;
}

/*# sourceMappingURL=/style.e308ff8e.css.map */