@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');

:root {
    /* --color1: #FDFDBD;
     --color2: #C8FFD4;
     --color3: #B8E8FC;
     --color4: #B1AFFF;
     --font-color:*/
    --color4: #937DC2;
    --color3: #C689C6;
    --color2: #FFABE1;
    --color1: #FFE6F7;
}

body {
    background-color: var(--color1);
    font-family: 'Nunito', sans-serif;
    color: purple;
}

.jumbotron {
    background-color: var(--color2);
}

nav {
    background-color: var(--color3);
    color: purple !important;
}

.container {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 0.375rem;
}

.nav-link, .dropdown-item {
    color: purple;
}

#imgt1 {
    width: 100px;
    float: left;
    transform: scaleX(-1);
    margin-left: 25px;
}

#imgt2 {
    width: 100px;
    float: right;
    margin-right: 25px;

}

@media screen and (max-width: 523px) {
    #imgt1, #imgt2 {
        width: 90px;
        margin-left: 0;
        margin-right: 0;
    }

    .pcimgContainer {
        max-width: 70%;
    }
}

footer {
    background-color: var(--color3);
    margin-top: 90px;
    bottom: 0;
    width: 100%;
}