/* ===========================
   Home Page Styles
   Specific to index.html
   =========================== */

/* --- Header / Profile --- */

header {
    text-align: center;
    background: #001E3D;
}

#Logo {
    width: 100px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 5px solid #FFCC66;
    display: block;
    margin: 0 auto;
    padding: 10px;
}

/* --- Website Launches Badge --- */

#launches-badge {
    margin-top: 20px;
}

/* --- GitHub Stats Section --- */

.GH {
    width: 94%;
    display: block;
    margin: 10px auto;
    padding: 0 3%;
}

#GHB {
    border: 2px solid #00FF00;
    border-radius: 10px;
    text-align: center;
    margin: auto 0;
}

#GHB > hr {
    width: 90%;
    margin: 10px auto;
}

.GHhr {
    border-color: #FFCC66;
}

#trophy {
    padding: 10px;
    width: 80%;
}

/* --- Project Buttons --- */

.pbtn {
    background-color: #FFCC66;
    border-radius: 10px;
    box-shadow: 0px 5px 0px #b07600;
    padding: 10px 20px;
    margin: 10px;
    display: inline-block;
    width: 200px;
    border: none;
    font-weight: 700;
}

.pbtn:hover {
    transform: translateY(3px);
    box-shadow: 0px 2px 0px #b07600;
}

.pbtn:active {
    transform: translateY(5px);
    box-shadow: 0px 0px 0px #b07600;
}