@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
        body{
            font-family: 'Poppins', sans-serif;
            font-weight: 400;
            background-color: #1E1E1E;
            color: white;
        }
        h1{
            font-weight: 700;
            font-size: 30px;
        }
        h2{
            font-weight: 400;
            font-size: 24px;
        }
        p{
            font-size: 14px;
        }
        ul{
            list-style: none;
            font-size: 14px;
        }
        .wrapper{
            position:relative;
            height: 90vh;
        }
        .content{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);

            max-width: 768px;
        }
        .headline{
            text-align: center;
        }
        .nav-bot{
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            z-index: 5;
            padding: 10px 0px 25px 0px;
            text-align: center;
            font-size:14px;

            background-color:#1E1E1E;
            color: white;
        }
        .lang{
            height: 50px;
            width: 50px;
            border-radius: 100%;
        }
        .lang.active{
            border: none;
            box-shadow: 0 0 0 2pt white;
            outline: none;
            transition: .1s;
        }
        .lang:hover{
            border: none;
            box-shadow: 0 0 0 2pt white;
            outline: none;
            transition: .1s;
        }

        @media only screen and (max-width: 767px) {
            .content{
                left: 50px;
                transform: translateX(-25px) translateY(-50%);
            }
        }