body{
    overflow:hidden;
    width:100%;
    height:100%;
    box-sizing: border-box;
    margin:0;
    position: fixed;
    background-color: rgba(27,27,27,1);
    font-family: "Outfit", sans-serif;
    user-select: none;
}

.object-background-small-stars{
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    overflow: hidden;
    background: linear-gradient(rgba(27,27,27,1) 0%, rgba(44,44,44,1) 100%);
    z-index: 0;
}

.object-background-large-stars{
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    overflow: hidden;
    z-index: 1;
}

.foreground-forest{
    height:30%;
    bottom:0px;
    position:absolute;
    width:100%;
    z-index: 1;
    background-image: url("Assets/Static/Forest.svg");
    background-size: auto 100%;
    background-position: center;
}

.background-paper{
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    height: 100%;
    position: absolute;
    padding:7svh;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
}

.content-body-animation-wrapper{
    width: 100%;
    height: 100%;
    /* transform: translate(50%, 50%); */
    position: absolute;
    z-index: 5;
}

.content-body{
    /* left: -50%;
    top: -50%; */
    width:100%;
    height:100%;
    position: relative;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
}

.tammy-logo{
    z-index: 2;
    left:50%;
    transform: translate(-55%, 0);
    position: relative;
    width: 25svh;
    top:3.5svh;
}

.socials-logos{
    position: relative;
    z-index: 2;
    left:50%;
    top: 7svh;
    transform: translate(-50%, 0);
    width:33svh;
    height:5.5svh;
    display: flex;
    justify-content: space-evenly;
}

.socials-logo{
    width:5.5svh;
    height:5.5svh;
}

.socials-logo.logo-instagram{
    background-image: url("Assets/Logos/Logo Insta Drawn.svg");
}

.socials-logo.logo-tumblr{
    background-image: url("Assets/Logos/Logo Tumblr Drawn.svg");
}

.socials-logo.logo-tiktok{
    background-image: url("Assets/Logos/Logo TikTok Drawn.svg");
}

.socials-logo.logo-linkedin{
    background-image: url("Assets/Logos/Logo LinkedIn Drawn.svg");
}

.background-big-stars{
    position: absolute;
    left:50%;
    transform: translate(-50%, 0);
}

.linktree{
    z-index: 2;
    position: relative;
    left:50%;
    top: 10svh;
    transform: translate(-50%, 0);
    width:30svh;
    height:33svh;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.linktree-link{
    text-align: center;
    font-size: 3svh;
    position: relative;
    /* font-family: sans-serif; */
    text-decoration: none;
    z-index: 7;
}

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

.linktree-link.linktree-link-impressum{
    z-index: 7;
    position: absolute;
    left:50%;
    bottom: -17svh;
    transform: translate(-50%, 0);
    width:14svh;
    font-size: 1.7svh;
    text-align: center;
}

.linktree-link.linktree-link-impressum.mobile{
    color: #4D4D4D;
    bottom: 3.6svh;
}

.linktree-link-impressum .selection-line-wrapper{
    top:-0.2svh;
}

.linktree-link-linktree .selection-line-wrapper{
    top: -0.2svh
}

.object-selection-circle{
    position: fixed;
    width:10svh;
    z-index: 10;
    top:0px;
    left:-100svw;
    pointer-events: none;
    opacity: 0.7;
}

@keyframes stroke-anim{
    0% {stroke-dashoffset: -1100;}
    100% {stroke-dashoffset: -2300;}
  }

.selection-line-wrapper{
    mix-blend-mode: multiply;
    position: absolute;
    height: auto;
    width:100%;
    top:-0.8svh;
    left:-100svw;
    pointer-events: none;
    overflow:hidden;
}

.object-selection-line{
    mix-blend-mode: multiply;
    position: relative;
    height: auto;
    width:100%; 
    pointer-events: none;
    opacity: 0.7;
}

.copyright{
    color: #4D4D4D;
    font-size: 1.7svh;
    position:fixed;
    bottom:1svh;
    width:100%;
    text-align: center;
    z-index: 4;
}

.linktree-paper-page,
.impressum-paper-page,
.paper-flip-backside-page{
    /* transform: translate(0svh, 0svh); */
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 6;
    top:0px;
}

.linktree-paper-page,
.paper-flip-backside-page{
    display: none;
    pointer-events: none;
    overflow:hidden;
}

.impressum-paper-page{
    z-index: 5;
    overflow:hidden;
    /* filter: brightness(50%); */
}

.impressum-animation-wrapper{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
}

.content{
    position: relative;
    z-index: 5;
    padding: 7svh;
}

.impressum-content{
    position: relative;
    left: 50%;
    width: 37svh;
    top: 3svh;
    height: 76svh;
    transform: translate(-50%, 0);
    overflow-y: scroll;

    -ms-overflow-style: none;
    scrollbar-width: none;
}

.impressum-content::-webkit-scrollbar {
    display: none;
}
  

.impressum-content.mobile{
    top: 0svh;
    height: 68svh;
    margin-bottom: -3svh;
}

.linktree-link.linktree-link-linktree{
    z-index: 7;
    position: absolute;
    left: 50%;
    bottom: 0svh;
    transform: translate(-50%, 0);
    width: 15svh;
    font-size: 1.7svh;
    text-align: center;
}

.hideImportant{
    display: none !important;
}