body {
            margin: 0;
            width: 100vw !important;
            height: calc((100vw / 16)* 9) !important;
            overflow: hidden;
        }


        

        /*width:calc((100vw/1920)*x)*/
        /*height:calc((100vh/1080)*y)*/

        .nav {
            width: 100vw;
            height: calc(((100vw/16)*9)/1080*122);
            overflow: hidden;
            z-index: 10;
        }

        .nav-content-container {
            width: 100vw;
            height: calc((calc((100vw/16)*9)/1080)*110);
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-direction: row;
        }

        .nav-content-logo-container {
            width: calc((100vw/1920)*86);
            height: calc((100vw/1920)*86);
            margin-left: 23.43vw;
            border-radius: calc((100vw/1920)*15);
            background: linear-gradient(135deg, rgba(192, 199, 204, 1) 0%, rgba(225, 233, 237, 1) 51.19%, rgba(226, 235, 240, 1) 100%);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .nav-content-logo {
            width: calc((100vw/1920)*74);
            height: calc((100vw/1920)*65);
            background: url('https://static.igem.wiki/teams/5083/logo.png');
            background-size: contain;
            background-repeat: no-repeat;
        }

        .nav-content-text-container {
            width: calc((100vw/1920)*(211*3+93*2));
            height: 100%;
            display: flex;
            margin-left: calc((100vw/1920)*113);
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
        }

        .nav-content-text {
            width: calc((100vw/1920)*211);
            height: calc((100vw/1920)*122);
            font-size: calc((100vw/1920)*60);
            font-weight: 310;
            letter-spacing: 0px;
            line-height: calc((100vw/1920)*93.06);
            margin-right: calc((100vw/1920)*93);
            color: rgba(51, 51, 51, 1);
            text-align: center;
            vertical-align: top;
            display: flex;
            align-items: center;
        }

        .nav-line-container {
            height: calc((100vw/1920)*12);
            width: 100%;
        }

        .nav-line {
            width: 100%;
            height: 100%;
            opacity: 1;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 53.5%, rgba(0, 0, 0, 0) 100%);
            border-radius: 16%;
        }

        .header {

            height: calc(calc((100vw/16)*9) - calc(((100vw/16)*9)/1080*122));
            width: 100vw;
            overflow: hidden;
        }

        .header-bg-container {
            position: absolute;
            left: calc((100vw/1920)*(-582));
            top: calc((100vw/1920)*(-663));
            width: calc((100vw/1920)*3384);
            height: calc((100vw/1920)*2537);
            opacity: 1;
            z-index: -10;
            overflow: hidden;
        }

        .header-bg {
            background-image: url('https://static.igem.wiki/teams/5083/team/bg.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }

        .header-gradient-mask-container {
            position: absolute;
            left: 0;
            top: calc((100vw/1920)*844);
            width: calc((100vw/1920)*1967);
            height: calc((100vw/1920)*256);
            opacity: 1;
            z-index: -9;
            overflow: hidden;
        }

        .header-gradient-mask {
            background-image: url('https://static.igem.wiki/teams/5083/team/gradient-mask.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }



        .header-people-part-container {
            position: absolute;
            left: calc((100vw/1920)*592);
            top: calc((100vw/1920)*(-213));
            width: calc((100vw/1920)*1602.29);
            height: calc((100vw/1920)*1578.96);
            opacity: 1;
            overflow: hidden;
        }



        .header-people-part-people-container {
            position: absolute;
            left: calc((100vw/1920)*471);
            top: calc((100vw/1920)*483);
            width: calc((100vw/1920)*664);
            height: calc((100vw/1920)*571);
            opacity: 1;
            z-index: -6;
            overflow: hidden;
        }

        .header-people-part-people {
            background-image: url('https://static.igem.wiki/teams/5083/team/m-1.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
            box-shadow: calc((100vw/1920)*10) calc((100vw/1920)*(-9)) calc((100vw/1920)*19) rgba(0, 0, 0, 0.3);
        }


        .diynav-submenu {
            z-index: 2147483647;
        }


        .header-people-part-name-container {
            position: absolute;
            left: calc((100vw/1920)*65);
            top: calc((100vw/1920)*528);
            width: calc((100vw/1920)*1261);
            height: calc((100vw/1920)*432);
            opacity: 1;
            z-index: -7;

        }

        .header-people-part-name-last {
            position: absolute;
            right: 0;
            bottom: 0;
            width: calc((100vw/1920)*617);
            height: calc((100vw/1920)*264);
            font-size: calc((100vw/1920)*200);
            text-align: left;
            font-family: 'Lora', serif;
            color: rgba(0, 0, 0, 1);
            text-align: center;
            vertical-align: central;
        }

        .header-people-part-name-eng {
            position: absolute;
            left: 0;
            top: 0;
            width: calc((100vw/1920)*715);
            height: calc((100vw/1920)*277);
            font-size: calc((100vw/1920)*200);
            text-align: left;
            font-family: 'Lora', serif;
            color: rgba(0, 0, 0, 1);
            text-align: center;
            vertical-align: central;
        }

        .header-people-part-bg-container {
            position: absolute;
            left: 0;
            top: 0;
            width: calc((100vw/1920)*1602.29);
            height: calc((100vw/1920)*1578.96);
            opacity: 1;
            z-index: -8;
            overflow: hidden;
        }



        .header-people-part-bg {
            background-image: url('https://static.igem.wiki/teams/5083/team/people-background.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }





        .header-text-part-container {
            position: absolute;
            left: calc((100vw/1920)*118);
            top: calc((100vw/1920)*551);
            width: calc((100vw/1920)*691);
            height: calc((100vw/1920)*333);
            opacity: 1;
        }


        .header-text-part-circle-container {
            position: absolute;
            left: 0;
            top: calc((100vw/1920)*5);
            width: calc((100vw/1920)*49);
            height: calc((100vw/1920)*48.52);
            opacity: 1;
        }

        .header-text-part-circle {
            background-image: url('https://static.igem.wiki/teams/5083/team/circle.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }

        .header-text-part-text-container {
            position: absolute;
            left: calc((100vw/1920)*10);
            top: 0;
            width: calc((100vw/1920)*777);
            height: calc((100vw/1920)*333);
        }

        .header-text-part-text {
            position: absolute;
            left: 0;
            top: 0;
            font-size: calc((100vw/1920)*32);
            text-indent: calc((100vw/1920)*30);
            text-align: left;
            font-family: 'Lora', serif;
            color: rgba(0, 0, 0, 1);
            text-align: left;
            vertical-align: top;
        }

        .team-bg-container{
            position: absolute;
            left: calc((100vw/1920)*(-50));
            top: calc((100vw/1920)*-400);
            width: calc((100vw/1920)*2000*1);
            height: calc((100vw/1920)*3000*0.8);
            opacity: 1;
        }

        .team-bg {
            background-image: url('https://static.igem.wiki/teams/5083/team/team-bg.jpg');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }

        .logo-container {
            position: absolute;
            left: calc((100vw/1920)*(200));
            top: calc((100vw/1920)*100);
            height: calc((100vw/1920)*5976*0.55);
            width: calc((100vw/1920)*2865*0.55);
            opacity: 1;
        }
        
        .logo {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }

/* 
        .logo-1-container {
            position: absolute;
            left: calc((100vw/1920)*(1450));
            top: calc((100vw/1920)*500);
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-1 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo1.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-2-container {
            position: absolute;
            left: calc((100vw/1920)*(600));
            top: calc((100vw/1920)*200);
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-2 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo2.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-3-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 2*200));
            top: calc((100vw/1920)*-400);
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-3 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo3.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-4-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 3*200));
            top: calc((100vw/1920)*-400);
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-4 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo4.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-5-container {
            position: absolute;
            left: calc((100vw/1920)*(-50));
            top: calc((100vw/1920)*(-400 + 300));
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-5 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo5.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-6-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 200));
            top: calc((100vw/1920)*(-400 + 300));
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-6 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo6.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-7-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 2*200));
            top: calc((100vw/1920)*(-400 + 300));
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-7 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo7.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-8-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 3*200));
            top: calc((100vw/1920)*(-400 + 300));
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-8 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo8.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }

        .logo-9-container {
            position: absolute;
            left: calc((100vw/1920)*(-50));
            top: calc((100vw/1920)*(-400 + 2*300));
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-9 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo9.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-10-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 200));
            top: calc((100vw/1920)*(-400 + 2*300));
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-10 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo10.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-11-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 2*200));
            top: calc((100vw/1920)*(-400 + 2*300));
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-11 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo11.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-12-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 3*200));
            top: calc((100vw/1920)*(-400 + 2*300));
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-12 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo12.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-13-container {
            position: absolute;
            left: calc((100vw/1920)*(-50));
            top: calc((100vw/1920)*(-400 + 3*300));
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-13 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo13.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-14-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 200));
            top: calc((100vw/1920)*(-400 + 3*300));
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-14 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo14.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-15-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 2*200));
            top: calc((100vw/1920)*(-400 + 3*300));
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-15 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo15.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .logo-16-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 3*200));
            top: calc((100vw/1920)*(-400 + 3*300));
            width: calc((100vw/1920)*200);
            height: calc((100vw/1920)*300);
            opacity: 1;
        }
        
        .logo-16 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/logo16.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }


        .text1-container {
            position: absolute;
            left: calc((100vw/1920)*(490));
            top: calc((100vw/1920)*220);
            width: calc((100vw/1920)*270);
            height: calc((100vw/1920)*350);
            opacity: 1;
        }
        
        .text1 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/text1.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .text2-container {
            position: absolute;
            left: calc((100vw/1920)*(600));
            top: calc((100vw/1920)*270);
            width: calc((100vw/1920)*270);
            height: calc((100vw/1920)*350);
            opacity: 1;
        }
        
        .text2 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/text2.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .text3-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 2*270));
            top: calc((100vw/1920)*-400);
            width: calc((100vw/1920)*270);
            height: calc((100vw/1920)*350);
            opacity: 1;
        }
        
        .text3 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/text3.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .text4-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 3*270));
            top: calc((100vw/1920)*-400);
            width: calc((100vw/1920)*270);
            height: calc((100vw/1920)*350);
            opacity: 1;
        }
        
        .text4 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/text4.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .text5-container {
            position: absolute;
            left: calc((100vw/1920)*(-50));
            top: calc((100vw/1920)*(-400 + 350));
            width: calc((100vw/1920)*270);
            height: calc((100vw/1920)*350);
            opacity: 1;
        }
        
        .text5 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/text5.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .text6-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 270));
            top: calc((100vw/1920)*(-400 + 350));
            width: calc((100vw/1920)*270);
            height: calc((100vw/1920)*350);
            opacity: 1;
        }
        
        .text6 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/text6.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .text7-container {
            position: absolute;
            left: calc((100vw/1920)*(900));
            top: calc((100vw/1920)*(220));
            width: calc((100vw/1920)*270);
            height: calc((100vw/1920)*350);
            opacity: 1;
        }
        
        .text7 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/text7.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .text8-container {
            position: absolute;
            left: calc((100vw/1920)*(-50 + 3*270));
            top: calc((100vw/1920)*(-400 + 350));
            width: calc((100vw/1920)*270);
            height: calc((100vw/1920)*350);
            opacity: 1;
        }
        
        .text8 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/text8.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }

        .text9-container {
            position: absolute;
            left: calc((100vw/1920)*(300));
            top: calc((100vw/1920)*(200));
            width: calc((100vw/1920)*270);
            height: calc((100vw/1920)*350);
            opacity: 1;
        }
        
        .text9 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/text9.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        }
        
        .text10-container {
            position: absolute;
            left: calc((100vw/1920)*(620));
            top: calc((100vw/1920)*(220));
            width: calc((100vw/1920)*270);
            height: calc((100vw/1920)*350);
            opacity: 1;
        }
        
        .text10 {
            background-image: url('https://static.igem.wiki/teams/5083/logo/text10.png');
            background-size: contain;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
        } */