/* ===== SETUP ===== */

@font-face {
    font-family: essentials;
    src: url('/Marion-The-Essentials.woff2');
}

* { box-sizing: border-box; }

body {

/*background-image: linear-gradient(63deg, #00000f 4.35%, #ffffff 4.35%, #ffffff 50%, #00000f 50%, #00000f 54.35%, #4fffff 54.35%, #4fffff 100%);
background-size: 25.81px 50.66px;
*/

background-image: linear-gradient(45deg, #757575 4.55%, #f5f5f5 4.55%, #f5f5f5 50%, #757575 50%, #057575 54.55%, #05f5f5 54.55%, #f5f5f5 100%);
background-size: 31.11px 31.11px;

    margin: 0px;
    padding: 0px;

    font-size:  16px;
}

/* ===== SPECIFIC OBJECTS ===== */
.gradient {
    /*background-image: linear-gradient(#b00e4c, white);*/
    /*width: 100%;*/
    height: 85em;

    margin: 0px;
    padding: 0px;
}

.main-name {
	font-family: essentials;
	font-size: 5em;
	margin-top:  10%;
    float: top;
}

svg#last-name {
    margin-left:  5ch;
}

svg#first-name {
    margin-left:  5ch;
}

/* ===== UTILITY CLASSES ===== */
.center {
  box-sizing: content-box;
  max-width: 60ch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}