*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Segoe UI',sans-serif;
}

.tech_dash_body{
    background:#F6F8FC;
    color:#333;
}

.tech_dash_container{
    max-width:420px;
    margin:auto;
    padding:30px 20px;
}

/* Greeting */

.dash_greeting{
    margin-bottom:35px;
}

.dash_greeting small{
    font-size:15px;
    color:#6c757d;
}

.dash_greeting h1{
    margin-top:6px;
    font-size:32px;
    font-weight:700;
}

.dash_greeting p{
    margin-top:10px;
    color:#888;
    font-size:15px;
}

/* Action Cards */
.action-btn{
    width:100%;
    border:none;
    cursor:pointer;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    background:#fff;
    border-radius:24px;

    padding:35px 20px;
    margin-bottom:22px;

    color:#333;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    transition:.25s;
}

.action-btn:hover{
    transform:translateY(-4px);
}

.action-btn:active{
    transform:scale(.98);
}

.action-btn i{
    font-size:46px;
    margin-bottom:18px;
}

.action-btn h2{
    font-size:24px;
    margin-bottom:8px;
}

.action-btn p{
    color:#777;
    text-align:center;
    font-size:15px;
}

/* Colors */

.attendance i{
    color:#2E7D32;
}

.logbook i{
    color:#EF6C00;
}