* {
    margin: 0;
    padding: 0;
} 
div
{
    /* border:1px solid black; */
}
body
{
    background-color: #fafafa;
    background-image: url(src/background.webp);
    height: 100vh;
    padding: 0;
}

#main
{
    width: 80%;
    min-width: 400px;
    background-color: white;
    display: inline-block;
    background: transparent;
}
#header
{
    position: relative;
}

#logo
{
    width: 180px;
    margin:40px;
    margin-left: 10%;
}
a:hover
{
    text-decoration: none;
}
#contact
{
    font-family: "Plus Jakarta Sans", Light;
    font-size:20px;
    background-color: #ce9963;
    color:white;
    padding-top:9px;
    padding-bottom: 9px;
    padding-right: 38px;
    padding-left: 38px;
    position: absolute;
    top:50%;
    margin-top:-21px;
    float:right;
    right:5%;
    transition: all .2s ease-in-out;
}
#leftsysContainer
{
    margin-bottom:50px;
}
#mailicon
{
    width: 20px;
    fill:white;
}
#contact:hover
{
   
    transform: scale(0.95)
}
#langcontent
{
    height: 65vh;
    background: transparent;
    width: 100%;
}
#info
{
    margin-top: 8vh;
    font-family: "Plus Jakarta Sans", Light;
    font-size:30px;
    color:#ce9963;
    text-align: center;
}
.flag
{
    width: 100%;
    border: 0.5px solid black;
}
.button
{
    width: 50%;
    height: 90%;
    overflow: hidden;
    margin: 20px;
}
p
{
    font-family: "Plus Jakarta Sans", Light;
    font-size:1.5vw;
    color:#ce9963;
    text-align: center;
}
#foot
{
    color:black;
}
#emailText
{
    font-size:1vw;
}
.langtext
{
    font-family: "Plus Jakarta Sans", Light;
    font-size:calc(12px + 2vw);
    color:white;
    text-align: center;
}
#footer
{
    position: absolute;
    bottom: 0px;
}
#foot
{
    text-align: center;
    font-size:12px;
    font-family: "Plus Jakarta Sans", Light;
}
svg
{
    fill:#ce9963;
    transition: all .2s ease-in-out;
}
svg:hover
{
    fill:black;
}


.flagcontainer:hover
{
    transform: scale(1.1);
    text-decoration: none;
    color:black;
}
.flagcontainer
{
    width: 60%;
    min-width: 100px;
    transition: all .2s ease-in-out;
}

.textcontainer:hover
{
    transform: scale(1.1);
    text-decoration: none;
    color:black;
}
.textcontainer
{
    width: 50%;
    min-width: 200px;
    transition: all .2s ease-in-out;
    background-color:#ce9963 ;
    border-radius: 25px;
    margin-bottom: 120px;
}