@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@600&display=swap');

body {
    margin: 0;
    padding: 0;
    background: url('background.jpg') no-repeat center center/cover;
    background-size: 100% 100%;
    font-family: 'Abhaya Libre', serif;
    text-align: left;
    color: white;
    height: 100vh;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-left: 35%;
    width: 33%;
}

.container{
	
	margin-left: 0.53vw;
}

.logo {
    width: auto;
    height: 25vh;

    margin-bottom: 0vh;
}

p {
font-size:  2vh;
margin-left: 2px;
margin-block-start: 0.5em;
margin-block-end: 0em;
}


.footer {
    position: absolute;
    bottom: 2vh;
    text-align: left;
    margin-left: 0.53vw;
}

.footer a {
    color: white;
    text-decoration: underline;
    font-size: 1.7vh;
    display: block;
    cursor: pointer;
	text-align: left;
margin-left: 2px;
	
}

.footer p {
    color: white;
    font-size:  1.7vh;
    display: block;
    margin-top: 1.5vh;
    
	
}

.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(200, 200, 200, 0.2);
    backdrop-filter: blur(3vh);
    color: white;
    padding: 2vh;
    border-radius: 1vh;
    width: 30vw;
    height: 45vh;
    text-align: left;
    z-index: 1000;
    box-shadow: 0 1vh 2vh rgba(0, 0, 0, 0.3);
    font-size:  1.7vh;
}

.popup-contact {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(200, 200, 200, 0.2);
    backdrop-filter: blur(3vh);
    color: white;
    padding: 2vh;
    border-radius: 1vh;
    width: 30vw;
    height: 45vh;
    text-align: left;
    align-items: center;
    z-index: 1000;
    box-shadow: 0 1vh 2vh rgba(0, 0, 0, 0.3);
    font-size:  1.7vh;
}

.popup-contact-people {
    display: grid;
    grid-template-columns: auto;
    gap: 3vh;
}

.popup-content {
    position: relative;
    align-items: center;
}

.popup-content a {
    color: white;
    text-decoration: underline;
}

.popup-content a:visited {
    color: white;
}

.popup-content a:hover {
    color: #ffcc00;
}

.popup-content a:active {
    color: white;
}

.close {
    position: absolute;
    top: -6vh;
    right: -1.3vw;
    font-size: 5vh;
    font-weight: bold;
    cursor: pointer;
    color: white;
    transition: 0.3s;
    padding: 1vh;
    line-height: 1;
}

.close:hover {
    color: #ff4d4d;
}