body {
    background-color: rgb(69, 69, 69);
}

#Title {
    font-family: "Arial";
    font-size: 50px;
    color: #ffffff;
    border: #ffffff 2px solid;
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
    align-self: left;
}
#Landing {
    display: flex;
    flex-direction: row;
    align-items: left;
    justify-content: left;
}
#HomeB, #BlogB, #ProjectsB, #SocialsB {
    font-family: "Arial";
    font-size: 25px;
    color: #ffffff;
    background-color: rgb(69, 69, 69);
    border: #ffffff 2px solid;
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
    float: left;
}
#HomeB:hover, #BlogB:hover, #ProjectsB:hover, #SocialsB:hover {
    background-color: rgb(100, 100, 100);
}
#Spacer1, #Spacer2 {
    margin-top: 75px;
    margin-bottom: 50px;
}
#pHeadA, #pHeadB, #pHeadC, #pHeadD {
    font-family: "Arial";
    font-size: 25px;
    color: #ffffff;
    padding: 10px;
    margin: 10px;
    align-self: left;
}
#pText1, #pText2, #pText3, #pText4, #pText5, #pText6, #pText7 {
    font-family: "Arial";
    font-size: 20px;
    color: #ffffff;
    padding: 10px;
    margin: 10px;
    align-self: left;
}
#search {
    font-family: "Arial";
    font-size: 20px;
    color: #ffffff;
    background-color: rgb(69, 69, 69);
    border: #ffffff 2px solid;
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
    align-self: left;
}

/* Credits to https://stackoverflow.com/a/15662955 for the scrolling */
#blogSlider{
    height: 256px;
    background: #e5e5e5 url("merged.png") repeat 0 center;
    margin: 20px;
    border: black 5px solid;
}

#YTlink { /* Links to my YouTube channel */
    font-family: "Arial";
    font-size: 20px;
    color: #ffffff;
    background-color: rgb(212, 27, 27);
    border: #ffffff 2px solid;
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
    align-self: left;
}
#YTlink:hover {
    background-color: rgb(255, 0, 0);
}
#GHlink { /* Links to my GitHub profile */
    font-family: "Arial";
    font-size: 20px;
    color: #ffffff;
    background-color: rgb(0, 0, 0);
    border: #ffffff 2px solid;
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
    margin-bottom: 20px;
    align-self: left;
}
#GHlink:hover {
    background-color: rgb(50, 50, 50);
}
#SinoShrimplink { /* Links to my SinoShrimp profile */
    font-family: "Arial";
    font-size: 20px;
    color: rgb(150, 150, 255);
    background-color: rgb(80, 80, 80);
    border: rgb(150, 150, 255) 2px solid;
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
    margin-bottom: 20px;
    align-self: left;
}
#SinoShrimplink:hover {
    background-color: rgb(180, 180, 200);
}