* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

body {
    min-height: 100vh;
    background-color: #ddd;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px;
}

.menu-horizontal
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    background: linear-gradient(-45deg, #fffdf2, #cb977b);

    display: flex;
    flex-direction: row;

    padding: 0px 0px 0px 0px;

    z-index: 100;
}

.menu-horizontal p{
    margin: 5px 10px 10px 10px;
    font-size: 25px;
    color: #ddd;
}

.sidebar-left {
    position: fixed;
    top: 60px;
    left: 0px;
    width: 250px;
    height: calc(100% - 60px);
    background: linear-gradient(-45deg, #ffffff, #9cd4e5);

    display: flex;
    flex-direction: column;

    padding: 20px 20px 20px 20px;

    z-index: 100;
}

.scrollbox2 {
    overflow: auto;
    padding-right: 10px;
    visibility: hidden;
}
.scrollbox-inner2,
.scrollbox2:hover {
    visibility: visible;
}

.scrollbox-inner2 p {
    font-size: 16px;
    color: #000000;
}

.sidebar {
    position: fixed;
    top: 60px;
    left: 280px;
    width: calc(100% - 280px);
    height: calc(100% - 60px);
    background: linear-gradient(-45deg, #a67d9b, #ffffff);

    display: flex;
    flex-direction: column;
    padding: 0px 0px 0px 0px;
    z-index: 100;
}

.header2 h2 {
    font-size: 32px;
    color: #000000;    
    padding: 10px;
}

.scrollbox {
    overflow: auto;
    padding-right: 10px;
    visibility: hidden;
}

.scrollbox-inner {
    padding: 20px;
}

.scrollbox-inner,
.scrollbox:hover {
    visibility: visible;
}

.scrollbox-inner p {
    font-size: 16px;
    color: #000000;
}

footer h2 {
    font-size: 24px;
    color: #000000;
    padding: 15px 0 40px;
}

.content {
    position: relative;
    left: 250px;
    width: calc(100%-250);
    height: 100vh;
    background-color: bisque;
    display: flex;

}

.content h2 {
    font-size: 46px;
    margin: auto;
}