/*This is the main structure*/

body {
    background-color: black;
    font-family: "Verdana";                                    
    color: white;
}

.background {
    margin: auto;
    width: 1200px;
    height: 1000px;
    overflow: auto;
    background-image: url("/graphics/me bg 1-01.png");
    background-size: cover;
    box-shadow: inset 0 0 100px black;
    position: relative;
}

.stargze_logo {
    width: 600px;
    position: absolute;
    margin-left: 50px;
    margin-top: 55px;
    z-index: 1;
    pointer-events: none;
}

.container {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: minmax(100px, auto);
    width: 770px;
    margin: 20px auto 20px auto;
    background: linear-gradient(to bottom, #242424, black);
    border-radius: 200px 30px 29px 31px;
    border: 6px solid #2a2a2a;
    box-shadow: inset 0 0 20px black;
}

.outline_1 {
    width: 840px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 200px 30px 29px 31px;
    border: 4px double #262626;
    box-shadow: 0 3px 10px #ffffff;
}

.outline_2 {
    width: 800px;
    margin: 20px auto 20px auto;
    background: linear-gradient(to bottom, #242424, black);
    border-radius: 200px 30px 29px 31px;
    border: 6px solid #262626;
    box-shadow: inset 0 0 20px black;
}

/*Details*/

hr {
    border: 1px dotted #2d2d2d;
    margin-top: -15px;
}

.divider_two {
    border: 1px dotted #ae00ff;
    margin-top: 5px;
}

.divider_three {
    border: 1px dotted #00a2e2;
    margin-top: 5px;
}

.divider_four {
    border: 1px dotted #ff00aa;
    margin-top: 5px;
}

.divider_five {
    border: 1px dotted #9ddd00;
    margin-top: 5px;
}

.divider_six {
    border: 1px dotted #fff800;
    margin-top: 5px;
}

h1 {
    font-weight: 100;
    font-family: "Century Gothic Paneuropean", sans-serif;
    color: #ae00ff;
}

h2 {
    font-weight: 300;
    font-family: "Century Gothic Paneuropean", sans-serif;
    color: #00a2e2;
}

h3 {
    font-weight: 300;
    font-family: "Century Gothic Paneuropean", sans-serif;
    color: #ff00aa;
}

h4 {
    font-weight: 300;
    font-family: "Century Gothic Paneuropean", sans-serif;
    color: #9ddd00;
}

h5 {
    font-weight: 300;
    font-family: "Century Gothic Paneuropean", sans-serif;
    color: #fff800;
}


ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

a,
a:active,
a:visited {
    color: #eeeeee;
}

strong {
    font-family: "Verdana Bold";
    font-weight: 200;
}
/*This is the header*/

header {
    height: 217px;
    grid-column: 1/8;
    background-image: url("/graphics/stargze header-01.png");
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 178px 30px 0 0;
    border: 8px solid #0f0f0f;
    box-shadow: inset 0 0 20px black;
    margin: 20px;
}

.header_divider {
    margin-top: 235px;
}

/*This is navigation bar*/

nav {
    grid-column: 1/3;
    padding: 10px 20px 70px 20px;
    margin: 20px 20px 10px 30px;
    font-size: 12px;
}

/*This is the main content*/

main {
    grid-column: 3/8;
    padding: 0 20px 40px 20px;
    margin: 10px 30px 0 0;
    line-height: 1.5;
    font-size: 14px;
}

section {
    background: linear-gradient(to bottom, #242424, black);
    border: 4px solid #212121;
    border-radius: 10px;
    padding: 0 10px 10px 10px;
    font-size: 13px;
    box-shadow: inset 0 0 20px black;
    margin-top: 20px;
    margin-bottom: 20px;
}

article{
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 13px;
}

table{
    
    border: 2px solid #363636;
     box-shadow: inset 0 0 20px black;
     margin: auto;
     background: linear-gradient(to bottom, #242424, black);
    border-collapse: collapse;
}

th, td {
  border:1px solid #3b3b3b;
    text-align: left;
    font-size: 13px;
    padding: 0 5px 0 5px;
}

figure{
   text-align: center;
    margin: auto;
     border: 1px #d0d0d0 dotted;
    padding: 5px;
}

/*This is the footer*/

footer {
    grid-column: 1/8;
    margin: 20px 0 0 0;
    border-radius: 0 0 25px 25px;
    background-color: #171717;
    color: #7e7e7e;
    font-size: 12px;
    padding: 12px 0 0 20px;
    line-height: 0.5;
}
    padding: 12px 0 0 20px;
    line-height: 0.5;
}