@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
        body{
            font-family: 'Poppins', sans-serif;
        }

        /* header */

        body header{
            width: auto;
            height: 120px;
            /* border: 1px solid black; */
            margin: -10px;
            display: flex;
            gap: 10px;
            display: flex;
            flex-direction: row;
            align-items: center;
            box-shadow: 0px 0px black;
        }

        body header div#asvbjkcj{
            width: 50%;
            height: 50px;
            /* border: 1px solid black; */
            margin-top: 5px;
        }


        body header div#asvbjkcj .ljasfjnk{
            width: 180px;
            height: 28px;
            /* border: 2px solid blue; */
            margin-left: 120px;
            margin-top: 9px;
            background-image: url(../image/favico.png);
        }

        body header div#asvbjkcj button.snjkanjkvas{
            width: 156px;
            height: 50px;
            background-color: #FC6704;
            border-radius: 6.25px;
            border: none;
            float: right;
            margin-right: 120px;
            font-family: 'Poppins', sans-serif;
            margin-top: 0px;
            color:white;
        }

        body header div#asvbjkcj button.snjkanjkvas:hover{
            border: 3px solid blue;
            cursor: pointer;
        }

        /* other bodies */

        body div#jknvjkvklasjk{
            width: auto;
            height: 550px;
	        background-size: contain;
            /* border: 1px solid black; */
            margin: -10px;
            background-image: url(../image/Vector.png);
            background-repeat: no-repeat;
            /* background-position: 100%; */
            background-position-x: 100%;
            background-position-y: 200%;
            display: flex;
            flex-direction: row;
            gap: 10px;
            /* opacity: 100; */
        }
        body div#jknvjkvklasjk .jkafjkna{
            width: 50%;
            height: 729px;
            /* border: 1px solid black; */
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        body div#jknvjkvklasjk .jkafjkna .juhwrerjh{
            width: 379px;
            height: 441px;
            /* border: 1px solid red; */
            margin-top: 45px;
            border-radius: 50px;
            background-image: url(../image/student1.png);
            /* opacity: 0.8; */
            /* background-image: url(../image/Vector.png); */
            background-repeat: no-repeat;
            background-position-x: 183%;
            background-position-y: 100%;
            background-position: center;
        }

        img[id=jhvvkj]{
            position: absolute;
        }

        body div#jknvjkvklasjk .jkafjkna .juhwrerjh .juhwdsnkjsnvfkl{
            width: 112px;
            height: 107px;
            position: absolute;
            /* border: 1px solid purple; */
            margin-left: -52px;
            margin-top: 28px;
            background-color: #f8d6d6;
            box-shadow: 0px 11.8919px 14.2703px rgba(0, 0, 0, 0.05);
            border-radius: 16px;
            display: flex;
            flex-direction: column;
            /* align-content: center; */
            align-items: center;
            /* background-color: ; */
            animation-name: example;
            animation-duration: 20s;
            animation-iteration-count: infinite;
        } 

        @keyframes example{
            0%   {background-color: red;}
            10%   {background-color: rgb(255, 0, 200);}
            20%   {background-color: rgb(2, 174, 204);}
            30%  {background-color: rgb(140, 0, 255);}
            40%  {background-color: rgb(0, 255, 42);}
            50%  {background-color: rgb(26, 158, 219);}
            60%  {background-color: yellow;}
            70%  {background-color: blue;}
            80%  {background-color: rgb(214, 96, 0);}
            90%  {background-color: rgb(163, 0, 41);}
            100% {background-color: green;}
        }

        body div#jknvjkvklasjk .jkafjkna .juhwrerjh .juhwdsnkjsnvfkl1{
            /* width: 150px; */
            /* height: 75px; */
            position: absolute;
            /* border: 1px solid purple; */
            margin-left: 308px;
            margin-top: 179px;
            /* background-color: #FFFFFF; */
            /* box-shadow: 0px 11.8919px 14.2703px rgba(0, 0, 0, 0.05); */
            /* border-radius: 16px; */
            display: flex;
            flex-direction: column;
            align-items: center;
        } 

        body div#jknvjkvklasjk .jkafjkna .juhwrerjh .juhwdsnkjsnvfkl2{
            width: 95px;
            height: 107px;
            position: absolute;
            /* border: 1px solid purple; */
            margin-left: -40.5px;
            margin-top: 303px;
            background-color: #f8d6d6;
            box-shadow: 0px 11.8919px 14.2703px rgba(0, 0, 0, 0.05);
            border-radius: 16px;
            display: flex;
            flex-direction: column;
            align-items: center;
            animation-name: exampleckjhas;
            animation-duration: 20s;
            animation-iteration-count: infinite;
        } 

        @keyframes exampleckjhas{
            0%   {background-color: rgb(225, 0, 255);}
            10%   {background-color: rgb(255, 217, 0);}
            20%   {background-color: rgb(127, 204, 2);}
            30%  {background-color: rgb(140, 0, 255);}
            40%  {background-color: rgb(0, 255, 42);}
            50%  {background-color: rgb(26, 158, 219);}
            60%  {background-color: rgb(0, 255, 213);}
            70%  {background-color: rgb(199, 112, 14);}
            80%  {background-color: rgb(255, 0, 0);}
            90%  {background-color: rgb(163, 0, 41);}
            100% {background-color: rgb(0, 41, 128);}
        }

        div.lkfnj{
            width: 95%;
            height: 73px;
            /* border: 1px solid black; */
            margin-top: 10px;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url(../image/jmknsdjnjsgjkbjhgbhjdsbgh.png);
        }

        div.lkfjhgbvasdnj{
            width: 50px;
            height: 22px;
            /* border: 1px solid black; */
            margin-top: -5px;
            background-color: #7B2772;
            border-radius: 6.30px 0px;
            transform: matrix(1, -0.09, 0.09, 1, 0, 0);
        }

        p[class=uihuacbjh]{
            font-family: 'Poppins', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 15px;
            text-align: center;
            margin: 0;
            color: white;
            transform: matrix(0.99, -0.11, 0.11, 0.99, 0, 0);
        }

        div#asdkasj{
            width: 68px;
            height: 27px;
            /* border: 1px solid black; */
            background-color: #7B2772;
            transform: matrix(1, -0.09, 0.09, 1, 0, 0);
            border-radius: 6.30308px 0px;
        }

        div#asdkasdvsdjsj{
            width: 132px;
            height: 51px;
            background-color: #f8d6d6;
            border-radius: 39px;
            box-shadow: 0px 11.8919px 14.2703px rgba(0, 0, 0, 0.05);
            margin-top: -5px;
            display: flex;
            flex-direction: column;
            align-items: center;
            animation-name: jhsfhuaf;
            animation-duration: 10s;
            animation-iteration-count: infinite;
        }   

        @keyframes jhsfhuaf{
            0%   {background-color: rgb(12, 1, 165);}
            10%   {background-color: rgb(255, 0, 200);}
            20%   {background-color: rgb(49, 194, 12);}
            30%  {background-color: rgb(140, 0, 255);}
            40%  {background-color: rgb(255, 251, 0);}
            50%  {background-color: rgb(255, 0, 0);}
            60%  {background-color: rgba(38, 38, 37, 0.733);}
            70%  {background-color: rgb(141, 179, 6);}
            80%  {background-color: rgb(214, 96, 0);}
            90%  {background-color: rgb(12, 243, 70);}
            100% {background-color: rgb(7, 6, 75);}
        }

        div#ahhjkassbjhbhkjafhjabskjfbh{
            width: 135px;
            height: 39px;
            /* border: 1px solid black; */
            margin: auto;
            display: flex;
            flex-direction: row;
            background-image: url(../image/kbvbnsvkj.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }

        div#agbklmsasbhjbah{
            width:35px;
            height:36px;
            border:1px solid black;
            border-radius:50%;
            position: absolute;
        }

        p[class=jkjnasfmlafhg]{
            font-style: normal;
            font-weight: 700;
            font-size: 15px;
            text-align: center;
            margin: 0;
            color: white;
            transform: matrix(0.99, -0.11, 0.11, 0.99, 0, 0);
        }

        div.kjiasfjkaasd{
            width: 79.27px;
            height: 73.73px;
            margin-top: 6px;
            /* border: 1px solid black; */
            border-radius: 48%;
            /* margin-top:10px; */
            background-image: url(../image/fskjfkjkjbjfjkdsjbfhj.png);
        }

        div.kjiasdvkjjkvsfjkaasd{
            width: 51.96px;
            height: 22.29px;
            /* border: 1px solid black; */
            background-color: #7B2772;
            transform: matrix(0.95, -0.31, 0.31, 0.95, 0, 0);
            border-radius: 6.30308px 0px;
            margin-top: -4px;
        }

        p[class=iojsdjhhsdjh]{
            font-style: normal;
            font-weight: 700;
            font-size: 15px;
            text-align: center;
            margin:0%;
            color: white;
            transform: matrix(0.95, -0.22, 0.32, 0.95, 0, 0);
        }



        /* other bodies fis toipas */
        div#saknaknjwna{
            width: 572px;
            height: 422.37px;
            /* border: 1px solid black; */
            /* margin: auto; */
            /* margin-left: 6%; */
            margin-top: 10%;
            margin-left: 17%;
            display: flex;
            flex-direction: column;

            /* align-items: center; */
        }

        div.kjvfnjnjkascnjkhnandsf{
            width:448.73px;
            height:214.37px;
            /* border: 1px solid red; */
            background-image: url(../image/ksdujh.png);
            /* background-image: url(../image/scasf.png); */
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            margin-bottom: 10px;
        }

        div.kjvfnjnjsdvkjhjkndsf{
            width:522.41px;
            height:80px;
            /* border: 1px solid blue; */
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        div.kjvfnjnjsddkjhjsfkndsf{
            width: 400px;
            height: 100px;
            /* border: 1px solid green; */
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        button#snjkanjkvas123{
            width: 156px;
            height: 50px;
            background-color: #FC6704;
            border-radius: 6.25px;
            border: none;
            color: white;
            margin-right: 120px;
            font-family: 'Poppins', sans-serif;
        }

        button#snjkanjkvas123:hover{
            border: 3px solid blue;
            cursor: pointer;
        }

        p[id=ajhbnjksaf]{
            font-size: 16px;
            font-weight: 400;
            line-height: 40px;
            text-align: justify;
        }



        /* About */

        body div#about{
            width:auto;
            height:707.2px;
            /* border: 2px solid red; */
            margin: -10px;
            display: flex;
            flex-direction: row;
            gap: 20px;
            align-items: center;
        }


        div.njfkjskjlkkjjh{
            width:50%;
            height: 680px;
            /* border: 2px solid blue; */
            margin: auto;
        }

        div.sdnknnd{
            position: absolute;
            width:410.77px;
            height:352.88px;
            /* border: 1px solid black; */
            overflow: hidden;
            background-color: #7B2772;
            opacity: 0.08;
        }

        body div#about div.njfkjskjlkkjjh div#sajnanjknj{
            /* position: absolute; */
            width: 90%;
            height:572.02px;
            /* border: 1px solid black; */
            margin-top: 81px;
            margin-left: 7%;
            background-image: url(../image/ajhbf.png);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }

        /* div#sajnanjknjs{
            width: 566.92px;
            height:572.02px;
            border: 1px solid black;
            margin-top: 81px;
            margin-left: 116px;
        } */

        div#sacbjhfbhjfjhb{
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .jshfjfas{
            width: 155.45px;
            height: 46.76px;
            /* border: 1px solid black; */
            margin-top: 40px;
            background: #7B2772;
            border-radius: 10px 0px;
            transform: matrix(1, -0.09, 0.09, 1, 0, 0);
            display: flex;
        }

        #bvbjbjkz{
            width:253.65px;
            height: 46.76px;
            /* border: 1px solid black; */
            background: #FC6704;
            border-radius: 10px 0px;
            transform: matrix(1, -0.09, 0.09, 1, 0, 0);
            display: flex;
        }

        .achbjhfbh{
            width:128.59px;
            height:46.76px;
            /* border: 1px solid black; */
            background: #CE0F0A;
            border-radius: 10px 0px;
            transform: matrix(1, -0.09, 0.09, 1, 0, 0);
            display: flex;
        }

        .tetxjjk{
            width: 561.1px;
            height: auto;
            /* border: 1px solid black; */
            margin-top: 10px;
        }

        p#ascbjhva{
            font-style: normal;
            font-family: 'Poppins', sans-serif;
            font-weight: 400;
            font-size: 18px;
            line-height: 40px;
            text-align: justify;
            margin: 0;
        }

        button[id=kjnccnvkjs]{
            width: 156px;
            height: 50px;
            background-color: #FC6704;
            border-radius: 6.25px;
            border: none;
            /* margin-top: 10px; */
            /* margin-bottom: 10px; */
            color: white;
            font-family: 'Poppins', sans-serif;
        }

        button[id=kjnccnvkjs]:hover{
            border: 3px solid blue;
            cursor: pointer;
        }


        /* Texting Github changes */


        /* Mobile view */

        @media screen and (max-width: 850px){
		/*  */
	    body header{
		    height: 60px;
	    }

            header div#asvbjkcj div.ljasfjnk{
                margin: 10px;
                width: 107.26px;
                height: 16.79px;
                margin-top:10%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
            }

            header div#asvbjkcj button#ascbjkbnjsajhdvbhjabjhbfhba{
                width: 77.83px;
                height:24.9px;
                background-color: #FC6704;
                border: none;
                border-radius: 3.11px;
                float: right;
                margin-right: 5%;
                margin-top: 8%;
            }

            body div#jknvjkvklasjk{
                display: flex;
                flex-direction: column;
                height: auto;
            }

            div#jknvjkvklasjk div.jkafjkna{
                width: auto;
                height: 440px;
                margin-top: 16px;
                /* border: 2px solid red; */
            }

            div#saknaknjwna{
                width: 90%;
                height: 350px;
                /* border: 2px solid purple; */
                margin-top: 10px;
            }

            div.kjvfnjnjkascnjkhnandsf{
                width:auto;
                /* background-size: cover; */
                background-repeat: no-repeat;
                background-size: contain;
            }

            div.kjvfnjnjsdvkjhjkndsf{
                width: auto;
                margin-top: 0px;
            }

            div.kjvfnjnjsddkjhjsfkndsf{
                width:auto;
            }

            p[id=ajhbnjksaf]{
                margin-top: 30px;
                font-weight:400;
                font-size:120%;
                line-height: 24px;
            }

            div.kjvfnjnjsddkjhjsfkndsf{
                display:flex;
                flex-direction: row;
                align-items: center;
            }

            button#snjkanjkvas123{
                width: 93.42px;
                height:29.9px;
                margin: auto;
            }

            div#jknvjkvklasjk div#jahfuiahfjkshfushdfjkinjfjs{
                /* background-image: url(../image/ajhbahj.png);
                background-position: center;
                height: 400px;
                background-size: contain;
                background-repeat: no-repeat;
                /* opacity: 0.9; */
                margin-top: -80px;
                margin-bottom: 10px;
                opacity: 90;
            }

            div.juhwrerjh{
                /* display:none; */
            }

            body div#jknvjkvklasjk .jkafjkna .juhwrerjh{
                width: 280px;
                height: 400px;
                background-position: center;
                background-size: cover;
                margin-top: 0px;
                border-radius: 15px;
            }

            body div#jknvjkvklasjk .jkafjkna .juhwrerjh .juhwdsnkjsnvfkl{
                width: 106px;
                height: 86px;
                margin-left: -35px;
                margin-top: 15px;
                border-radius: 8px;
            }

            div.lkfnj {
                width: 90%;
                height: 90%;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
            }

            div.lkfjhgbvasdnj {
                width: 45px;
                height: 19px;
            }

            p[class="uihuacbjh"]{
                font-size: 12px;
                margin: -2px;
            }

            body div#jknvjkvklasjk .jkafjkna .juhwrerjh .juhwdsnkjsnvfkl1 {
                margin-left: 203px;
                margin-top: 150px;
            }

            div#asdkasj{
                width: 55px;
                height: 25px;
            }

            p[class="jkjnasfmlafhg"]{
                font-size: 12px;
            }

            div#asdkasdvsdjsj{
                width: 113px;
                height: 45px;
            }

            div#ahhjkassbjhbhkjafhjabskjfbh {
                width: 103px;
                height: 33px;
            }


            body div#jknvjkvklasjk .jkafjkna .juhwrerjh .juhwdsnkjsnvfkl2{
                margin-left: -35px;
                margin-top: 279px;
                width: 87px;
                height: 107px;
                border-radius: 9px;
            }

            div.kjiasfjkaasd{
                width: 72.27px;
                height: 69.73px;
                background-position: center;
            }

            div.kjiasdvkjjkvsfjkaasd{
                width: 45.96px;
                height: 20.29px;
            }

            p[class="iojsdjhhsdjh"]{
                font-size: 12px;
            }



            /* About */
            body div#about{
                margin-top: 10px;
                flex-direction: column;
                height: auto;
            }

            div.njfkjskjlkkjjh{
                margin: auto;
                width: 90%;
                height: auto;
                margin-top: 20px;
            }

            body div#about div.njfkjskjlkkjjh div#sajnanjknj{
                /* display:none; */
                display: block;
                width: 90%;
                /* border: 1px solid red; */
                height: 338.99px;
                margin-top: 15%;
                /* margin-left: 15%; */
                background-position: center;
                background-size: cover;
            }

            .jshfjfas{
                margin-top: 20px;
                width: 93.56px;
                height: 28.15px;
            }

            #bvbjbjkz{
                width: 152.66px;
                height: 28.15px;
            }

            .achbjhfbh{
                width: 72.78px;
                height: 28.15px;
            }

            .tetxjjk{
                width: auto;
                margin: 4px;
                margin-top: 5px;
            }

            button.sfdnjknbsfdnjk{
                margin: 10px;
            }

            div.sdnknnd{
                width: 222.77px;
                height: 169.88px;
            }
        }

        @media screen and (max-width: 910px){
            div#saknaknjwna{
                margin-left: 3%;
            }
        }


p#sdghshiuhsdij{
    font-style: normal;
    font-weight: 700;
    font-size: 32.6723px;
    font-family: 'Poppins', sans-serif;
    color: white;
    transform: matrix(0.99, -0.11, 0.11, 0.99, 0, 0);
    text-align: justify;
    margin: auto;
}

@media screen and (max-width: 910px){
    p#sdghshiuhsdij{
        font-weight: 700;
        font-size: 18.8674px;
    }
}