* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "LatoThin";
    src: url('fonts/lato-thin-webfont.woff2') format('woff2'),
         url('fonts/lato-thin-webfont.woff') format('woff');
}

@font-face {
    font-family: "Lato";
    src: url('fonts/lato-light-webfont.woff2') format('woff2'),
         url('fonts/lato-light-webfont.woff') format('woff');
}

header {
    width: 100%;
    height: 13em;
    background-color: #100b6c;
    overflow-x: hidden;
    overflow-y: hidden;
}

body,footer{
    width: 100%;
    background-color: #efefef;
    font-family: "Lato";
    overflow-x: hidden;
}

.LeftReturnBox {
    margin-top: 3em;
    margin-left: auto;
    background: #f2f2f2;
    height: 7em;
    width: 7em;
    outline: 2px solid #0f0f0f;
    border-radius: 1px;
    box-shadow: 0px 0px 2px 2px #0f0f0f;
}

.img1 {
    position: relative;
    width: 100%;
    padding-top: 0.4em;
    padding-left: 0.7em;
}

.img2 {
    position: relative;
    width: 100%;
    padding-top: 0.4em;
    padding-left: 0.7em;
}

.Description {
    width: 60em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.5em;
    color: #efefef;
    font-family: "Lato";
    font-size: 0.6em;
    text-align: center;
}

.RightReturnBox {
    margin-top: 3em;
    margin-right: auto;
    background: #f2f2f2;
    height: 7em;
    width: 7em;
    outline: 2px solid #0f0f0f;
    border-radius: 1px;
    box-shadow: 0px 0px 2px 2px #0f0f0f;
}

.parent-container {
    margin-top: -20em;
}

.RadialColorLeft {
    margin-right: auto;
    margin-left: auto;
    width: 15em;
    height: 35em;
    margin-top: 20em;
    background: #f2f2f2;
    border-block: 2px solid #0f0f0f;
    writing-mode: vertical-rl;
    z-index: 1
}

.ShoutYtLeft {
    rotate: 180deg;
    margin-top: 0em;
    margin-right: 3em;
    color: #0f0f0f;
    font-family: "Lato";
    font-size: 1.5em;
}

.More {
    padding-top: 12em;
    color: rgba(40, 22, 206, 0.76);
    font-family: "Lato";
    font-size: 2.5em;
}

.LogoBoxCenter {
    margin-top: 24em;
    margin-left: auto;
    margin-right: auto;
    background: #f2f2f2;
    height: 28em;
    width: 19em;
    border-radius: 1px;
    box-shadow: 0px 0px 2px 3px #0f0f0f;
}

.Logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

img {
    position: relative;
    padding-left: 0em;
    width: 19em;
}

a:hover,
a:visited,
a:link,
a:active {
    text-decoration: none;
}

.BottomHint {
    position: absolute;
    display: flex;
    margin-top: 25.5em;
    margin-left: 13em;
    font-family: "LatoThin";
    font-size: 1em;
    color: #000000;
    letter-spacing: 0.6em;
    text-align: center;
    line-height: 1em;
    z-index: 1;
}

.RadialColorRight {
    margin: auto;
    width: 15em;
    height: 35em;
    margin-top: 20em;
    background: #f2f2f2;
    border-block: 2px solid #0f0f0f;
    writing-mode: vertical-lr;
    z-index: 1
}

.ShoutYtRight {
    margin-top: 0em;
    margin-left: 3em;
    color: #0f0f0f;
    font-family: "Lato";
    font-size: 1.5em;
}

.Soon {
    padding-top: 12em;
    color: rgba(40, 22, 206, 0.76);
    font-family: "Lato";
    font-size: 2.5em;
}

.ContactWrap {
    margin-top: 4em; 
    margin-left: 0.95em;
}

.XLogosvg{
    height: 26px;
    width: 26px;
    margin-top: 0.15em;
}

.Email {
    padding-right: 1.6em; /* changed from 1.2em to 1.6em */
    padding-left: 1em;
    color: #0f0f0f;
    font-family: "Lato";
    font-size: 1.5em;
}

.InstagramLogo {
    display: flex;
    height: 0vh;
}

.InstagramHoverBox {
    position: relative;
    margin-top: 0em;
    margin-right: 0.7em;
    width: 1.75em;
    height: 1.75em;
    border-radius: 30%;
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    z-index: 0;
}

.Instagram-Icon{
    position: absolute;
    height: 32px;
    width: 32px;
    padding: 0;
    margin-top: -2px;
    margin-left: -2px;
    z-index: 1;
}

.Instagram-Icon:hover {
    filter: invert(100%) url(img/insta-icon.svg#InstaLogoLight);
}

.ImpressumWrap{
    display: flex;
    justify-content: center;
    margin: auto;
}

.Impressum{
    margin-top: 3.5em;
    margin-right: -0.2em;
    text-align: center;
    color: #0f0f0f;
    font-family: "Lato";
    font-weight: bold;
    font-size: 0.7em;
    letter-spacing: 0.2em;
    text-decoration: none;
}

.DataPrivacyPolicy{
    margin-top: 0.5em;
    margin-right: -0.2em;
    text-align: center;
    color: #0f0f0f;
    font-family: "Lato";
    font-weight: bold;
    font-size: 0.7em;
    letter-spacing: 0.2em;
    text-decoration: none;
}

.DataPrivacyPolicyWrap{
    display: flex;
    justify-content: center;
    margin: auto;
}

.CoyrightTagWrap{
    display: flex;
    justify-content: center;
    margin: auto;
}

.CopyrightTag{
    margin-top: 2em;           /*changed from 0.5em to 2em */
    margin-right: -0.5em;
    text-align: center;
    color: #0f0f0f;
    font-family: "Lato";
    font-weight: bold;
    font-size: 0.7em;
    letter-spacing: 0.2em;
}

/*Copyright (C) 2023 Shout Yt*/