/* ### Home Page | index.html */

.card-all {
    width: 100%;
    height: auto;
    text-align: left;
    padding: 10px;
    display: inline-block;
}

.card-content {
    max-width: 500px;
    height: auto;
    text-align: left;
    margin-left: 10px;
    margin-top: 10px;
    background: #FFFFFF;
    border: none;
    padding: 10px;
    display: inline-block;
}

.card-all2 {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 10px;
    display: inline-block;
}

.card-about {
    max-width: 100%;
    height: auto;
    padding: 20px;
    border: none;
    background: none;
    text-align: left;
}

.main-text {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #424242;
    margin-top: 250px;
}

.text-content {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #424242;
}

/* ### lesson-1.html */
.card-tutorial {
    width: 100%;
    height: auto;
    text-align: left;
    margin-left: 10px;
    margin-top: 10px;
    background: #FFFFFF;
    border: none;
    padding: 10px;
    display: inline-block;
}

/* ### menu.html */
.button {
    width: 300px;
    height: 60px;
    border: none;
    background: #0288D1;
    color: #FFFFFF;
}

.button {
    transition-duration: 0.4s;
}

.button:hover {
    color: #FFFFFF;
    background: #64B5F6;
}

.card-button {
    width: 100%;
    height: auto;
    text-align: center;
    margin-left: 10px;
    margin-top: 10px;
    background: #FFFFFF;
    border: none;
    padding: 10px;
    display: inline-block;
}

/* ### apps.html */
.projects-title {
    color: #424242;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.projects-text {
    color: #424242;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}