/*    --- DEFINES ----  */
@font-face {
    font-family: RobotoRegular;
    src: url("https://cdn.tomas-moravec.dev/fonts/roboto/Roboto-Regular.ttf");
}
@font-face {
    font-family: RobotoLight;
    src: url("https://cdn.tomas-moravec.dev/fonts/roboto/Roboto-Light.ttf");
}

/*    --- DEFINES ----  */

body {
    margin: 0;

    box-sizing: border-box;

    font-family: RobotoRegular;
}

h1 {
    margin: 0;

    font-size: 4em;
}

.HeadingParent {
    display: flex;

    justify-content: center;

    padding: 5%;

    background: radial-gradient(circle at top, #809cde , #ddc17f);
    border-bottom: solid black 5px;
}
.HeadingParent a{
    color: black;
    text-decoration: none;
}

.content-parent{
    display: grid;

    grid-template-columns: 85% 1fr;
    
    height: 100vh;
}
.content{
    display: flex;

    justify-content: center;

    padding-top: 7%;
}

.ToolList {
    border-left: solid black 3px;

    font-family: RobotoLight;
    font-size: 18px;
    
    margin-right: 5%;
    padding-left: 4%;
}


.IndexContent {
    padding-left: 5%;
}