body {
          font-family: sans-serif;
            margin: 0;
            padding:0;
        }

/*! Abschnitt Top */
        .top {
            color: black;
            font-family: sans-serif;
            height: 100vh;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1035%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='rgba(160%2c 220%2c 251%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c774.711C142.384%2c766.895%2c236.131%2c630.642%2c360.786%2c561.393C496.613%2c485.937%2c668.633%2c471.126%2c765.366%2c349.531C871.776%2c215.772%2c947.813%2c35.98%2c911.67%2c-131.078C875.843%2c-296.676%2c699.06%2c-381.932%2c580.853%2c-503.312C470.55%2c-616.576%2c389.221%2c-765.601%2c240.77%2c-819.987C88.481%2c-875.779%2c-87.094%2c-867.594%2c-235.614%2c-802.429C-376.627%2c-740.558%2c-448.366%2c-592.24%2c-547.28%2c-474.221C-644.333%2c-358.423%2c-760.541%2c-259.129%2c-810.479%2c-116.529C-867.357%2c45.888%2c-936.469%2c239.504%2c-849.159%2c387.798C-761.225%2c537.152%2c-544.889%2c530.589%2c-387.172%2c602.451C-255.974%2c662.23%2c-143.958%2c782.613%2c0%2c774.711' fill='%2351bff8'%3e%3c/path%3e%3cpath d='M1920 1839.152C2059.937 1830.95 2178.666 1739.211 2284.801 1647.642 2380.249 1565.2939999999999 2437.506 1454.76 2495.36 1342.758 2556.142 1225.087 2619.915 1109.796 2630.802 977.802 2643.666 821.836 2671.5299999999997 635.585 2562.987 522.849 2453.938 409.58799999999997 2259.37 482.22799999999995 2109.108 435.957 1955.887 388.774 1825.751 191.94299999999998 1676.226 249.77999999999997 1522.564 309.217 1567.112 556.404 1464.489 685.297 1368.717 805.586 1160.498 818.6990000000001 1108.153 963.274 1055.549 1108.565 1126.088 1273.427 1203.033 1407.4279999999999 1276.049 1534.586 1401.0259999999998 1616.4360000000001 1526.642 1692.076 1649.0430000000001 1765.78 1777.366 1847.512 1920 1839.152' fill='%23eff9fe'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1035'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
        }


/*! Abschnitt Navbar */
    /**Eigenschaften für die Navnar*/
        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
            background-color: transparent;
            word-spacing: 30px;
            padding-right: 30px;
            background-color: #171729;
        
        }
        nav a {
            color: white;
            text-decoration: none;
            font-size: 20px;
            padding: 10px;
            text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        }

        nav a:hover{
          background-color: #262653;
          border-radius: 5px;
        }


/*! Abschnitt Home */
    /** Eigenschaften für Container Home */
        .home {
            
            display: flex;
            align-items: center;
            justify-content: flex;
            height: 100%; 
        }

    /** Die Unterteilung von Abschnitt Home */
        .home-left, .home-right {
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: left;
        }


    /** Die Unterteilung von Abschnitt Home */
        .home-right img {
            max-width: 600px;
            height: auto;
            max-height: 100vh;
        }

    /** Eigenschaften vom Button für *Ich suche eine Webseite* */
        .home .button {
            display: inline-block;
            margin-top: 10px;
            padding:5px 10px;
            border-radius: 2px;
            color: white;
            border: 1px solid black;
            background-color: #2d41f3;
            text-decoration: none;

        }
    
    /** Eigenschaften für mein Welcome-header */
        .welcome-header {
            width: 160px;
            border: 2px solid rgb(0, 0, 0); /* #9b59b6 */
            padding: 0px 5px;
            font-size: 70%;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.144);
            
        }


        .portfolio-section {
          margin-bottom: 100px ;
            display: flex;
            align-items: center;
            justify-content: flex;
            background-color: #171729;
            color: #fff;
            padding: 50px;
            height: 750px;
          }
          
          .portfolio-item {
            width: 30%;
            margin: auto;
            flex-direction: column;
            align-items: center;            
            text-align: center;
          }
          
          .portfolio-item img {
            width: 80%;
            height: auto;
            padding-bottom: 10%;
            object-fit: cover;
          }
          
          .portfolio-item h3 {
            margin-top: 0px;
          }
          
          .portfolio-item p {
            margin-top: 10px;
            font-size: 14px;
          }

          .form-container {
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: white;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1959%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='url(%23SvgjsRadialGradient1960)'%3e%3c/rect%3e%3cuse xlink:href='%23SvgjsG1964' transform='translate(0%2c 0)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1964' transform='translate(0%2c 960)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1964' transform='translate(960%2c 0)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1964' transform='translate(960%2c 960)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1959'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cradialGradient cx='50%25' cy='50%25' r='1101.45' gradientUnits='userSpaceOnUse' id='SvgjsRadialGradient1960'%3e%3cstop stop-color='rgba(196%2c 200%2c 200%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 1)' offset='1'%3e%3c/stop%3e%3c/radialGradient%3e%3cg id='SvgjsG1961'%3e%3cpath d='M-0.21 11.32l13.25 4.56L16.51 5.83 3.25 1.26l-3.46 10.06z m14.77-5.12L8.87 8.97c-0.58 0.29-1.35 0.01-1.63-0.58l-2.75-5.65 10.06 3.46z m-10.92-3.02l2.24 4.62-4.62 2.26 2.38-6.88z m-1.98 7.75l4.63-2.25 0.1 0.19c0.55 1.05 1.84 1.5 2.88 0.99l0.2-0.1 2.28 4.64-10.09-3.47z m10.96 3.04L10.37 9.35 14.99 7.09 12.62 13.97z' fill-rule='evenodd'%3e%3c/path%3e%3c/g%3e%3cg id='SvgjsG1962'%3e%3cpath d='M17.06 5.7L7.65 9.01 2.28 0.61z m-2.88 8.38L10.95 9.01l5.66-1.99zM1.8 1.92l3.23 5.06L-0.63 8.98z'%3e%3c/path%3e%3cpath d='M9.92 9.36L7.22 10.3 5.67 7.9-1.04 10.25l14.8 5.09z'%3e%3c/path%3e%3c/g%3e%3cg id='SvgjsG1963'%3e%3cpath d='M13.67 15.38l0.01 0s-1.87-3.84-1.88-3.84a0.6 0.6 0 0 0-0.81-0.28L9.22 12.13c-0.69 0.34-1.19-0.35-2.1-1.81-0.6-0.97-1.25-2.22-1.73-3.55-0.34-0.93-0.59-1.87 0.13-2.22 0 0 1.77-0.86 1.77-0.86l0 0c0.32-0.15 0.42-0.53 0.28-0.82l0 0L5.64-1.09c-0.15-0.3-0.51-0.42-0.81-0.27L3.05-0.49C2.27 0-0.07 2.84 3.3 9.96c3.55 7.5 7.49 7.52 8.32 7.1 0 0 1.77-0.85 1.77-0.86l0.01 0c0.32-0.16 0.42-0.53 0.28-0.82z'%3e%3c/path%3e%3c/g%3e%3cg id='SvgjsG1964'%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(0%2c 0) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(0%2c 96) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(0%2c 192) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(0%2c 288) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(0%2c 384) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(0%2c 480) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(0%2c 576) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(0%2c 672) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(0%2c 768) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(0%2c 864) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(96%2c 0) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(96%2c 96) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(96%2c 192) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(96%2c 288) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(96%2c 384) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(96%2c 480) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(96%2c 576) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(96%2c 672) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(96%2c 768) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(96%2c 864) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(192%2c 0) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(192%2c 96) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(192%2c 192) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(192%2c 288) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(192%2c 384) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(192%2c 480) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(192%2c 576) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(192%2c 672) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(192%2c 768) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(192%2c 864) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(288%2c 0) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(288%2c 96) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(288%2c 192) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(288%2c 288) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(288%2c 384) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(288%2c 480) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(288%2c 576) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(288%2c 672) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(288%2c 768) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(288%2c 864) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(384%2c 0) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(384%2c 96) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(384%2c 192) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(384%2c 288) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(384%2c 384) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(384%2c 480) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(384%2c 576) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(384%2c 672) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(384%2c 768) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(384%2c 864) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(480%2c 0) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(480%2c 96) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(480%2c 192) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(480%2c 288) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(480%2c 384) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(480%2c 480) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(480%2c 576) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(480%2c 672) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(480%2c 768) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(480%2c 864) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(576%2c 0) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(576%2c 96) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(576%2c 192) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(576%2c 288) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(576%2c 384) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(576%2c 480) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(576%2c 576) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(576%2c 672) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(576%2c 768) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(576%2c 864) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(672%2c 0) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(672%2c 96) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(672%2c 192) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(672%2c 288) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(672%2c 384) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(672%2c 480) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(672%2c 576) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(672%2c 672) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(672%2c 768) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(672%2c 864) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(768%2c 0) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(768%2c 96) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(768%2c 192) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(768%2c 288) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(768%2c 384) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(768%2c 480) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(768%2c 576) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(768%2c 672) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(768%2c 768) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(768%2c 864) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(864%2c 0) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(864%2c 96) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(864%2c 192) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(864%2c 288) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(864%2c 384) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(864%2c 480) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(864%2c 576) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1962' transform='translate(864%2c 672) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1963' transform='translate(864%2c 768) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsG1961' transform='translate(864%2c 864) scale(3)' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/use%3e%3c/g%3e%3c/defs%3e%3c/svg%3e");
            height: 750px;
            border-radius: 10px;
            padding: auto;
            margin: auto;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          }
    
          .input-field {
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            padding: 12px;
            margin-bottom: 20px;
            width: 100%;
            border: none;
            border-radius: 5px;
            font-size: 22px;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          }

    
          .input-field:focus {
            outline: none;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
          }


    
          .btn {
            background-color: white;
            color: black;
            padding: 12px 20px;
            border: none;
            border-radius: 5px;
            font-size: 18px;
            cursor: pointer;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease-in-out;
          }
    
          .btn:hover {
            background-color: black;
            color: white;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
          }

          .footer {
            margin-top: 100px;
            width: 100%;
            padding: 100px 0px;
            background-color: #171729;
            color: #efefef;
            display:flex;
          }


          .footer div {
            text-align: center;
            width: 33.3%;
          }

          .col2 {
            flex-grow: 2;  
          }

          .footer div h3{
            font-weight: 300; 
            letter-spacing: 1px; 
            margin-bottom: 30px;
          }

          .col1 a{
            display: block;
            text-decoration: none;
            color: #efefef;
            margin-bottom: 15px;
          }

          .col1 a:hover{
            cursor: pointer;
            color:#2d41f3
          }

          .col2 form input {
            border: none;
            border-radius: 5px;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
            width: 400px;
            height: 45px;
            text-align: center;
            margin-top: 20px;
            margin-bottom:auto;
          }
          .col2 button {
            background: transparent;
            border: 2px solid #fff;
            color: #fff;
            margin-top:40px;
            border-radius: 30px;
            padding: 10px 30px;
            font-size: 15px;
            cursor: pointer;
          }

          .col2 button:hover{
            background-color: #262653;
          }

          .social-icons{
            margin-top:15px;
            text-align: center;
            display: inline-block;
          }

          .social-icons i{
            font-size: 22px;
            cursor: pointer;
            padding: 10px;
          }

          .social-icons i:hover {
            border-radius: 5px;
            background-color: #2d41f3;
          }
          .social-icons a{
            text-decoration: none;
            color: #fff;
          }