@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');

.link:link { text-decoration: none; color: rgb(50,100,50); }

.link:visited { text-decoration: none; color: rgb(50,100,50); }

.link:hover { text-decoration: underline; color: rgb(50,100,50); }

.link:active { text-decoration: none; color: rgb(50,100,50); }

.content {
    grid-area: Content;
    color: white;
    padding: 40px;
}

.content2 {
    grid-area: Content2;
    color: white;
    padding: 40px;
}

.clink {
    color: white;
    text-decoration: none;
}

.clink2 {
    color: white;
    text-decoration: none;
}

.project {
    grid-area: Content;
    text-align: center;
    color: white;
}

.sidet {
    text-align: center;
    color: white;
}

.para {
    padding-top: 100px;
    padding-left: 40px;
    color: white;
    font-family: "Roboto Mono", monospace;
}

.name {
    grid-area: name;
    color: rgb(200,200,200);
    text-align: center;
    margin: auto;
    padding: 20px;
}

.to1 {
    grid-area: to1;
    color: rgb(50,100,50);
    text-align: center;
    font-family: "Roboto Mono", monospace;
    margin: auto;
    padding: 20px;
}

.to2 {
    grid-area: to2;
    color: rgb(50,100,50);
    text-align: center;
    font-family: "Roboto Mono", monospace;
    margin: auto;
    padding: 20px;
}

.to3 {
    grid-area: to3;
    color: rgb(50,100,50);
    text-align: center;
    font-family: "Roboto Mono", monospace;
    margin: auto;
    padding: 20px;
}

.to4 {
    grid-area: to4;
    color: rgb(50,100,50);
    text-align: center;
    font-family: "Roboto Mono", monospace;
    margin: auto;
    padding: 20px;
}