body{
            background-size: var(--background-size)
        }
        .antipyrine-icon{
            position:absolute;width:23%;height:19%;margin:0.1%;left:0px;top:8%
        }
        .tapedeck{
            border-style: groove;
            box-shadow: 0 0 15px 10px #808080;
            border-radius: 5%;
            position:absolute; 
            top:18%; left:50%; 
            transform: translate(-50%,-50%); 
            width:50%; 
            height:19%;
        }
        a:link {
        color: #303030;
        background-color: transparent;
        text-decoration: none;
        }
        .sidebarimage{
            position:fixed; 
            bottom:0px;
            width:35%;
        }
        a:visited {
        color: #525252;
        background-color: transparent;
        text-decoration: none;
        }

        a:hover {
        color: rgba(84, 84, 84, 0.992);
        background-color: transparent;
        text-decoration: none;
        }

        a:active {
        color: #303030;
        background-color: transparent;
        text-decoration:none;
        }
        #font {
            font-family: 'MingLiU_HKSCS-ExtB', sans-serif;
            background-color: none;
            min-height: 100px;
            overflow-x: hidden;
            font-size: large;
            color:#909090
        }
        .vertical-writing{
            writing-mode: vertical-rl;
            text-orientation: upright;
        }
        .line {
        border-bottom: 3px solid #303030;
        box-shadow: 0 0 10px 5px #353535;
        }
        .flexcontainer{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .sidebar {
            background-color: #0f0f0fc6;
            color:#909090;
            border:10px #303030;
            padding:15px;
            width:200px;
            height:40%;
            margin-left: 0px;
            text-align:left;
            position:absolute;
            left:12%;
            top:55.5%;
            transform: translate(-50%,-50%);
            box-shadow: 0 0 10px 10px #909090;
        }
        .falansidebar{
            background-color: #0f0f0fc6;
            color:#909090;
            border:10px #303030;
            padding:15px;
            margin-left: 0px;
            transform: translate(-50%,-50%);
            box-shadow: 0 0 10px 10px #909090;
            position:fixed;
            text-align: left;
            left:15%;
            height:55%;
            width:12%;
            top:63.5%;
            border-style:groove;
        }
        .divtipik {
            background-color: #0f0f0fd2;
            color:#909090;
            border: 10px #353535;
            width:50%;
            height: 400px;
            text-align: center;
            box-shadow: 0 0 10px 5px #808080;
            overflow-y:scroll;
            overflow-x: scroll;
            scrollbar-color: #353535 #0f0f0f;
            position:absolute;
            top:58%;
            left:50%;
            transform:translate(-50%,-50%);
        }
        .divgenelstil{
            background-color: #0f0f0fbc;
            color:#909090;
            border: 10px #353535;
            box-shadow: 0 0 10px 10px #808080;
            scrollbar-color: #353535 #0f0f0f
        }
        .maindivcontainer{
            background-color: none;
            width:1300px;
            height:800px;
            left:50%;
            top:50%;
            transform: translate(-50%,-50%);
            position:absolute;
            scrollbar-color: #353535 #0f0f0f
        }
        .rightcontainer{
            background-color: none;
            height:800px;
            width: 365px;
            top:1px;
            right: 1px;
            position:absolute;
            scrollbar-color: #353535 #0f0f0f
        }
        .backgroundtipik {
            overflow-y:hidden;
            overflow-x: hidden;
            background-color:#0f0f0f;
              background-size: 40px 40px;
                background-image:
                    linear-gradient(to right, #303030 2px, transparent 1px),
                    linear-gradient(to bottom, #303030 2px, transparent 1px);
                animation: movingfalan 5s linear infinite;
            }
        @keyframes movingfalan {
            from{background-position: 0 0;}
            to{background-position:  400px 400px;}
        }
        .moonphases{
           position:fixed;bottom:0px;left:50%;transform: translate(-50%,-20%);width:15%     
        }
        .lejuge{
            width:4%;position:fixed;bottom:0px;left:0px
        }
        .falanantipyrine-icon{
            width:18%;
            height:20%;
            margin:0px;
            position:fixed;
            left:6%;
            top:9%
        }
        .falandivcontainer{
            background-color:none; 
            width:1600px;
            height: 700px;
            position:fixed;
            left:50%;
            top:50%;
            transform: translate(-50%,-50%);
        }
        .zineembed-div{
            border-style:groove; 
            width:50%;
            height: 87%;
            position: absolute; 
            left: 50%;
            top:50%;
            transform: translate(-50% , -50%);
            background-color: #0f0f0fbc;
            color:#909090;
            border: 10px #353535;
            box-shadow: 0 0 10px 10px #808080;
            scrollbar-color: #353535 #0f0f0f
        }
/*mobile optimization (basically a whole another site smh*/
@media only screen and (max-width:600px){
        .maindivcontainer {
            background-color: none;
            width:140%;
            height:220%;
            left:70%;  
            top:30% 
        }
        .divtipik{
            left:36%;
            width:70%;
            height: 35%;
            top:67%;
            box-shadow: 0 0 3px 3px #909090 inset, 0 0 5px 5px #909090;
            z-index: 1;
        }
        .sidebar{
            top:94%;
            width:63%;
            left:35.5%;
            height: 16%;
            overflow-y: hidden;
            overflow-x: hidden;
            z-index: 2;
            box-shadow: 0 0 5px 5px #909090 inset, 0 0 5px 5px #909090;

        }
        .sidebarimage{
            position:static
        }
        .antipyrine-icon{
            left:10%;
            top:39%;
            width:50%;
            height:11%;
            z-index: 99;
        }
        .tapedeck{
            height:10%;
            left:36%;
            top:44.5%;
            width:60%;
            opacity: 0.3;
        }
        .moonphases{
            position:relative;
            bottom:18%;
            width:45%;
            top:90%;
            left:49%;
        }
        .lejuge{
            position:fixed;
            height:6%;
            width:9%;
            left:58%;
        }
        /*belki silinebilir*/
        .zineembed-div{
            width:24%;
            
        }
}