@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');




body{
    padding: 0px;
    margin: 0px;

    font-family: "Orbitron", sans-serif;

    max-width: 100vw;
    max-height: 100vh;
    width: 100vw;
    height: 100vh;


    display: flex;
    align-items: center;
    justify-content: center;
    
}



main{
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr 1fr;
    column-gap:4em;


    height:90vh;
    width:90vw;

    max-width: 100vw;
    max-height: 100vh;


    background-color: rgba(34, 255, 0, 0.469);
    border: 4px solid rgb(0, 163, 0);
    border-radius: 25px;

    box-sizing: border-box;

    padding:4em;

    overflow: hidden;
}
#profile-pic{
    grid-row: 1 / -1;
    display: flex;
    height: 70vh;

    border-radius:25px;

    border: 5px double rgb(255, 255, 122)
}

#main-stuff{
    align-self: end;
}
#main-stuff *{
    padding: none;
    margin: none;
}
#side-stuff{
    align-self: start;
}