.copybookTheme{
    background-image: url("images/lined-wallpaper.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}


.copybookTheme #themeToggleButton{
    background-color: yellow;
    transition: 0.5s;
}


.copybookTheme #themeToggleButton:hover{
    background-color: gold;
}


.copybookTheme nav{
    background-color: wheat;
    border-bottom: 2px solid black;
}

.copybookTheme nav a{
    color: black;
}

.copybookTheme nav a.active{
    background-color: orange;
    border-radius: 10px;
}

.copybookTheme nav a:hover{
    background-color: yellow;
    border-radius: 10px;
}

.copybookTheme nav a:active{
    background-color: goldenrod;
}

.copybookTheme nav a:visited{
    color: black;
    text-decoration: none;
}

.copybookTheme nav a:visited:hover{
    background-color: yellow;
    color: black;
}

/* links color add note */

.copybookTheme h1:hover{
    color: red;
}

.copybookTheme .skillsBox{
    background-color: lightgreen;
    border: 1px solid black;
}

.copybookTheme .skillTitle{
    border-bottom: 2px solid white;
}

.copybookTheme .skillsBox .svelte:hover .skillTitle{
    border-bottom: 2px solid blue;
}

.copybookTheme  .skillsBox .htmlcssjs:hover .skillTitle{
    border-bottom: 2px solid blue;
}

.copybookTheme .skillsBox .prompting:hover .skillTitle{
    border-bottom: 2px solid blue;
}

.copybookTheme .skillsBox div{
    border: 2px solid white;
    background-color: lightseagreen;
}

.copybookTheme .skillsBox div:hover{
    border: 2px solid green;
}

.copybookTheme .skillsBox div:hover{
    background-color: lightblue;
    border: 2px solid blue;
}

.copybookTheme .skillTitle:hover{
    border-bottom: 2px solid blue;
}

.copybookTheme .introInformation{
    background-color: lightsteelblue;
    border: 2px solid cadetblue;
}

.copybookTheme .gmailBtn{
    background-color: cadetblue;
    border: 2px solid black;
    color: black;
}

.copybookTheme .gmailBtn:hover{
    background-color: steelblue;
}

.copybookTheme .gitHubBtn{
    background-color: cadetblue;
    border: 2px solid black;
    color: black;
}

.copybookTheme .gitHubBtn:hover{
    background-color: steelblue;
}

.copybookTheme .whatsappBtn{
    background-color: cadetblue;
    border: 2px solid black;
    color: black;
}


.copybookTheme .whatsappBtn:hover{
    background-color: steelblue;
}

.copybookTheme .linkedinBtn{
    background-color: cadetblue;
    border: 2px solid black;
    color: black;
}

.copybookTheme .linkedinBtn:hover{
    background-color: steelblue;
}


.copybookTheme .summary{
    background-color: lightsteelblue;
    border: 2px solid cadetblue;
}

/* About Page */

.copybookTheme .introAbout{
    background-color: lightseagreen;
    border: 2px solid white;
}


.copybookTheme .skill-set{
    background-color: lightsteelblue;
    border: 2px solid cadetblue;
}

/* Projects Page */

.copybookTheme .introProjects{
    background-color: lightsteelblue;
    border: 2px solid cadetblue;
}


.copybookTheme  .project-group{
    background-color: powderblue;
    border: 2px solid darkslategrey;
}


.copybookTheme #prompt-one{
    background-color: lightseagreen;
    border: 2px solid skyblue;
    transition: 0.5s;
}


.copybookTheme #prompt-one:hover{
    background-color: lightskyblue;
    border: 2px solid dodgerblue;
}


.copybookTheme #prompt-two{
    background-color: deeppink;
    border: 2px solid palevioletred;
    transition: 0.5s;
}


.copybookTheme #prompt-two:hover{
    background-color: violet;
    border: 2px solid violet;
}


.copybookTheme #prompt-three{
    background-color: darkslateblue;
    border: 2px solid skyblue;
    color: white;
}

.copybookTheme #prompt-three:hover{
    background-color: lightskyblue;
    border: 2px solid blue;
    color: black;
}


.copybookTheme #html-one{
    background-color: rgb(209, 135, 38);
    border: 2px solid brown;
    transition: 0.5s;
}

.copybookTheme #html-one:hover{
    background-color: sienna;
    border: 2px solid saddlebrown;
    color: white;
}

.copybookTheme #html-two{
    background-color: rgb(199, 199, 17);
    border: 2px solid green;
    transition: 0.5s;
}

.copybookTheme #html-two:hover{
    background-color: yellowgreen;
    border: 2px solid goldenrod;
}



/* Contact Page */

.copybookTheme .main-page-contact{
    background-color: lightskyblue;
    border: 2px solid blue;
    color: black;
}

.copybookTheme .contact-options{
    background-color: lightsteelblue;
    border: 2px solid cadetblue;
}

.copybookTheme .introProjects{
    background-color: lightseagreen;
    border: 2px solid white;
}

.copybookTheme .loading-screen {
    border: 2px solid black;
}