/* File: assets/css/home.css
    Purpose: Styles specific to the home page (index.html).
    Notes: Simple comments added for maintainability.
*/

/* ===========================
    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;
}