body {
    margin: 0;
    padding: 0;
    background-color: bisque;
    font-family: 'Anek Tamil';
}

canvas {
    display: flex;
}

.header {
    color:blueviolet;
}

h1{
    font-size: 50px;
    font-family:NimbusSansLBold;
}

.fronttext {
    font-size: 38px;
    color:rgb(0, 0, 0);
    font-family:NimbusSansLBold;
}

.frontlinks {
    font-size: 38px;
    color:rgb(0, 0, 0);
    width:fit-content;
    font-family:NimbusSansLBold;
}

.frontlinks:hover {
    color:lightgray
    
}
.frontlinks:hover ~ #myImage1 { 
    background-image: url(images/engineering.png);
}
.frontlinks:hover ~ #myImage2 { 
    background-image: url(images/design.jpg);
}
.frontlinks:hover ~ #myImage3 { 
    background-image: url(images/music.jpg);
}


#aboutLink {
    color:black
}
#aboutLink:hover {
    color:lightgray
}

#sidebar {
    color: black;
    position: fixed;
    width: 4.1667vw;
    height: 100vh;
    left: 0px;
}

#bottom {
    position:absolute;
    bottom:0;
}