.pink{
    background-color: #d63384!important;
    color: aliceblue;
}
.pink-pale{
    background-color: #f7d6e6;
    color: dark;
}
.blue{
    background-color: #0d6efd;
    color: aliceblue;
}
.purple{
    background-color: #6f42c1;
    color: aliceblue;
}
.teal{
    background-color: #20c997;
    color: black;
}

.homepage_main{
    height: 100vh;
    background-image: url("../../4_DATA/homepage.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.home-title{
    color: palevioletred;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-variant: small-caps;
    font-size: 2rem;
    font-weight: bold;
    text-align: left;
    border-bottom: #d63384 5px solid;
    background-color: transparent;
}

.home-1{
    position: absolute;
    top:20vh;
    left: 20vh;
    width: 40vh;
    height: 75vh;
    padding: 5px;
}

.home-2{
    position:absolute;
    top:10vh;
    left: 60vh;
    height: 40vh;
    width: 40vh;
    padding: 5px;
}

.home-3{
    position:absolute;
    top:20vh;
    left: 100vh;
    width: 70vh;
    height: 30vh;
    padding: 5px;
}

.home-4{
    position:absolute;
    top:50vh;
    left: 100vh;
    width: 70vh;
    height: 30vh;
    padding: 5px;
}

.content-home{
    background-color: rgba(240, 248, 255, 0.7);
}