/* GENERAL THEMING */

body {
    background-color: #2B1502;
    color: #CAAB74
}

.box {
    max-width: 800px;
    margin-left: auto ;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 150px;
}


/* ALL CONTAINERS */

Nav, Main, Footer, Header {
    
   border: 2px aliceblue solid; 
    max-width: 1000px;
    margin-left: auto;  
}

/* SPECIFIC CONTAINERS */


/* NAV / SIDEBAR / NAVBAR */

Nav {
    grid-row: 1/4;
    grid-column: 1/2;
    height: max-content;
}

/* MAIN / BODY */

Main {
    grid-row: 1/4;
    grid-column: 2/3;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    background-color: white;
    height: max-content
}

/* MAIN STUFF */

/* ALL MAIN BOXES */

.headr, .introbox, .music {
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    border: 1px black dashed;
}

/* MAIN BOXES */

.headr {
    grid-row: 1/2;
    grid-column: 3/3;
    display: grid;
    width: 700px;
}

.introbox {
    grid-row: 2/2;
    grid-column: 1/2;
    display: grid;
}

.music {
    grid-row: 2/2;
    grid-column: 2/2;
    display: grid;
}

/* LINK STUFF*/

/* REMOVE LINK UNDERLINES */

a {
    text-decoration: none;
}

/* LINK UNVISITED */

a:link {
  color: aliceblue;
}

/* LINK VISITED */

a:visited {
  color: aliceblue;
}

/* LINK HOVERED */

a:hover {
  font-style: italic;
}

/* Phone - https://www.cursors-4u.com/cursor/oth202 */
* {
  cursor: url('https://cdn.cursors-4u.net/previews/phone-21d6c71d-32.webp') 32 32, auto;
}
/* End www.Cursors-4U.com Code */