main.css

* {
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}

li {
 list-style-type: none;
}

h1 {
 font-size: 32px;
 font-weight: 900;
 margin: 90px 0 25px;
 text-align: center;
}

.description {
 margin: 0 auto;
 text-align: center;
 width: 750px;
}

h2 {
 color: white;
 font-size: 24px;
 font-weight: 700px;
}

.box {
 background: rgb(230,230,230);
 border: 1px solid rgb(200,200,200);
 border-radius: 0%;
 height: 250px;
 margin: 75px auto 0;
 width: 250px;
}

.slider {
 margin: 75px auto 100px;
 width: 750px;
}

.slider input {
 width: 750px;
}

.source-code .description {
 color: rgb(250,250,250);
 letter-spacing: 0.5px;
 font-size: 16px;
 font-weight: 300;
 font-style: italic;
 margin-bottom: 25px;
 text-align: left;
 width: 100%;
}

header {
 background: rgb(40,40,40);
 color: rgb(200,200,200);
 letter-spacing: 1px;
 padding: 20px 0;
}

header .container {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
}

header .links {
 width: 350px;
}

header ul.row {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 margin: 0;
}

header .divider {
 padding: 0 10px;
}

header a {
 color: rgb(200,200,200);
}

header a:hover,
header a:focus {
 color: #e83e8c;
 text-decoration: none;
}