:root {
	--background: #0a0a0a;
	--text: #c8c8c8;
    --header: #f0f0f0;
    --accent: #4f8ef7;
    --accent2: #f5a623;
	--Blue1: #99c1f1;
	--Blue2: #62a0ea;
	--Blue3: #3584e4;
	--Blue4: #1c71d8;
	--Blue5: #1a5fb4;
	--Green1: #8ff0a4;
	--Green2: #57e389;
	--Green3: #33d17a;
	--Green4: #2ec27e;
	--Green5: #26a269;
	--Yellow1: #f9f06b;
	--Yellow2: #f8e45c;
	--Yellow3: #f6d32d;
	--Yellow4: #f5c211;
	--Yellow5: #e5a50a;
	--Orange1: #ffbe6f;
	--Orange2: #ffa348;
	--Orange3: #ff7800;
	--Orange4: #e66100;
	--Orange5: #c64600;
	--Red1: #f66151;
	--Red2: #ed333b;
	--Red3: #e01b24;
	--Red4: #c01c28;
	--Red5: #a51d2d;
	--Purple1: #dc8add;
	--Purple2: #c061cb;
	--Purple3: #9141ac;
	--Purple4: #813d9c;
	--Purple5: #613583;
	--Brown1: #cdab8f;
	--Brown : #b5835a	;
	--Brown3: #986a44;
	--Brown4: #865e3c;
	--Brown5: #63452c;
	--Light1: #ffffff;
	--Light2: #e6e6e6;
	--Light1: #cccccc;
	--Light4: #b3b3b3;
	--Light5: #999999;
	--Dark1: #808080;
	--Dark2: #666666;
	--Dark3: #4d4d4d;
	--Dark4: #333333;
	--Dark5: #1a1a1a;
}
body, html
{
    background-color: var(--background);
    padding: 0px;
    margin: 0px;
    color: var(--text);
    height: 100% !important;
    letter-spacing: 0.02em;
    font-size: 18px;
    font-family: "Satoshi-Bold";
    line-height: 1.5;
}
.cont
{
    width: fit-content;
    max-width: 40rem;
    margin: auto;
    padding: 5%;
}
.name
{
    color: var(--header);
    font-size: 3rem;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.accent
{
    color: var(--accent);
}
hr
{
    border: 1px solid var(--text);
    border-radius: 50%;
}
.skills
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.skill
{
    padding: 8px 16px;
    border: 1px solid var(--accent);
    border-radius: 1rem;
    margin-right: 10px;
    margin-bottom: 10px
}
a
{
    color: var(--accent);
    text-decoration: none;
}