@font-face {
                font-family: bittrip;
                src: url('../fonts/bittrip.otf')format("opentype");
            }
            
            @font-face {
                font-family: Citree regular;
                src: url("../fonts/Citree regular.otf")format("opentype");
            }

            @font-face {
                font-family: Citree regular;
                src: url("../fonts/Citree regular.otf")format("opentype");
                font-weight: bold;
            }

            @font-face {
                font-family: Citree regular;
                src: url("../fonts/Citree regular.otf")format("opentype");
                font-style: italic;
            }

            @font-face {
                font-family: Citree regular;
                src: url("../fonts/Citree regular.otf")format("opentype");
                font-style: italic;
                font-weight: bold;
            }

            body {
                overflow-x:hidden;
                font-family: "Citree regular";
                font-size: 20px;
                background-size: 100%;
                color: #000;
                background-image: url(../assets/CV/BG4.png);
                background-attachment: fixed;
            }

            #container {
                display:flex;
                width: 1600px;
                margin: 0 auto;
            }

            #left {
                min-width:350px;
                margin-right:150px;
            }

            #left audio {
                position:relative;
                width:300px;
                top:275px;
                left:20px;
                border: 5px double rgb(255, 196, 0);
            }

            #sidebar {
                position:sticky;
                background-color: #112029;
                background-image: url(../assets/CV/lovetiny1.gif);
                background-size: cover;
                image-rendering: pixelated;
                background-blend-mode: overlay;
                font-family: "bittrip";
                top:30%;
                min-width:320px;
                height:300px;
                order:1;
                border: 10px double rgb(255, 196, 0);
                clip-path: polygon(
                      0px calc(100% - 20px),
                      10px calc(100% - 20px),
                      10px calc(100% - 10px),
                      20px calc(100% - 10px),
                      20px 100%,
                      calc(100% - 20px) 100%,
                      calc(100% - 20px) calc(100% - 10px),
                      calc(100% - 10px) calc(100% - 10px),
                      calc(100% - 10px) calc(100% - 20px),
                      100% calc(100% - 20px),
                      100% 20px,
                      calc(100% - 10px) 20px,
                      calc(100% - 10px) 10px,
                      calc(100% - 20px) 10px,
                      calc(100% - 20px) 0px,
                      20px 0px,
                      20px 10px,
                      10px 10px,
                      10px 20px,
                      0px 20px
                    );
                }

            #sidebar ul {
                position:relative;
                list-style: none;
                left:-15px;
            }
            
            #sidebar a {
                text-decoration: none;
                color: inherit;
            }

            main {
                min-width:1000px;
                text-align: center;
                color: white;
                border: 10px double rgb(255, 196, 0);
                background-color: #112029;
                background-image: url(../assets/CV/lovetiny1.gif);
                background-size: 100%;
                image-rendering: pixelated;
                background-blend-mode: overlay;
                padding: 20px;
                order:2;
                clip-path: polygon(
                    0px calc(100% - 10px),
                    10px calc(100% - 10px),
                    10px 100%,
                    calc(100% - 10px) 100%,
                    calc(100% - 10px) calc(100% - 10px),
                    100% calc(100% - 10px),
                    100% 10px,
                    calc(100% - 10px) 10px,
                    calc(100% - 10px) 0px,
                    10px 0px,
                    10px 10px,
                    0px 10px
                    );
            }
            
            .CV {
                position:absolute;
                left: 210px;
                height: 200px;
            }

            .CV img {
                height:270px;
            }
            
            .rainbow {
                overflow-x:hidden;
                position:absolute;
                top: 0px;
                left: 100px;
                z-index:-1;
                -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
                mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));
            }

            .rainbow img {
                width:1700px;
            }

            #rainbow {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }

            h1,
            h2,
            h3 {
                font-family: "bittrip";
                color: #fff;
                margin:0px;
            }

            h1 {
                font-size: 50px;
            }
            
            h2 {
                font-size: 40px;
            }

            strong {
                font-size:15px;
                font-family: "bittrip";
            }

            iframe {
                width:100%;
                border:none;
            }