* {
            margin: 0;
            padding: 0;
        }

        .navlist {
            display: flex;
            background-color: black;
            position: sticky;
            top: 0%;
        }

        .header {
            width: 70%;
            display: flex;
        }

        .header img {
            width: 60px;
            margin-left: 10%;
            margin-top: 8px;
            border: 2px solid black;
            border-radius: 15%;
            height: 45px
        }

        .headerTag {
            list-style: none;
            display: flex;
            padding: 20px;
            margin-top: 3px
        }

        .headerTag a {
            text-decoration: none;
            color: whitesmoke;
            font-size: 18px;
            padding: 25px;
            font-family: sans-serif;
        }

        a:hover {
            color: goldenrod;
            cursor: pointer;
        }

        .headerRight {
            width: 30%;
            margin-top: 20px;
        }

        #search {
            width: 48%;
            margin-left: 16%;
            height: 65%;
            border: 2px solid goldenrod;
            border-radius: 7px;
        }

        #btn1 {
            width: 20%;
            height: 63%;
            border: 2px solid brown;
            border-radius: 8px;
            margin-left: 10px
        }

        #btn1:hover {
            cursor: pointer;
            background-color: coral;
            color: black;
        }

        .detail {
            display: flex;
            background-color: lightgray;
        }

        .detail1 {
            width: 30%;
            margin-top: 6%;
            margin-left: 12%;
        }

        .head1 {
            font-size: 40px;
            font-style: inherit;
            font-family: emoji;
        }

        .subHead1 {
            font-size: 18px;
            padding-top: 5%;
            font-family: system-ui;
            font-style: italic;
        }

        #learn {
            width: 30%;
            height: 11%;
            font-size: 14px;
            border: 2px solid black;
            border-radius: 16px;
            margin-top: 30px;
            background-color: black;
            color: antiquewhite;
        }

        #learn:hover {
            background-color: aliceblue;
            cursor: pointer;
            color: black;
            font-size: 16px;
        }

        .rightImg {
            margin-top: 10px;
            margin-left: 6%;
            padding: 10px
        }

        .company {
            text-align: center;
            display: flex;
        }

        .section1 {
            padding: 5%;
            background-color: black;
            color: antiquewhite;
        }

        .section2 {
            padding: 5%;
            background-color: lightseagreen;
            color: antiquewhite;
        }

        .section3 {
            padding: 5%;
            background-color: cadetblue;
            color: antiquewhite;
        }

        .para {
            padding: 20px;
            font-size: 28px;
            font-family: emoji;
        }

        .subPara {
            width: auto;
            font-size: 16px;
            font-family: sans-serif;
            padding: 5%;
        }

        .about1 {
            text-align: center;
            margin-top: 30px;
        }

        #aboutImg {
            width: 13%;
        }

        .para1 {
            font-size: 37px;
            font-family: monospace;
        }

        .subPara1 {
            font-size: 16px;
            width: 50%;
            margin-left: 24%;
            padding: 1%;
            font-style: italic;
            font-family: system-ui;
        }

        #aboutbtn {
            width: 12%;
            height: 30px;
            font-size: 16px;
            border-radius: 5px;
            border: 2px solid gray;
            padding: 5px;
            margin-top: 15px;
        }

        #aboutbtn:hover {
            cursor: pointer;
            background-color: black;
            color: whitesmoke;
        }

        .rightThing {
            display: flex;
            margin-top: 4%;
            background-color: darkgray;
        }

        #thingImg {
            width: 50%;
        }

        .thing {
            width: 50%;

            margin-right: 8%;
            margin-top: 5%;
            padding: -17px;
        }

        .para2 {
            font-size: 30px;
            padding-left: 14%;
            font-family: math;
        }

        .subPara2 {
            font-size: 18px;
            padding: 5%;
            margin-left: 10%;
            font-style: italic;
        }

        .subPara21 {
            font-family: sans-serif;
            font-size: 17px;
            margin-left: 15%;
        }

        #thingbtn {
            width: 22%;
            height: 9%;
            font-size: 16px;
            border: 2px solid black;
            border-radius: 16px;
            margin-top: 30px;
            margin-left: 15%;
        }

        #thingbtn:hover {
            cursor: pointer;
            background-color: black;
            color: whitesmoke;
        }

        .services {
            padding: 15px;
        }

        .part {
            text-align: center;
            margin-top: 15px;
        }

        .serve {
            font-size: 30px;
            padding: 10px;
            font-family: monospace;
        }

        .subserve {
            font-size: 17px;
        }

        .part1 {
            display: flex;
            text-align: center;
            margin-top: 3%;
            width: 101%;
        }

        .brand {
            width: auto;

        }

        .brand img {
            width: 15%;
            border-radius: 15px;
            margin: 16px;
        }

        .branding {
            font-size: 25px;
            padding: 7px;
            font-family: sans-serif;
        }

        .subbranding {
            width: 75%;
            font-size: 16px;
            font-family: sans-serif;
            padding-top: 8px;
            margin-left: 15%;

        }

        .content {
            width: auto;
        }

        .content Img {
            width: 20%;
            border-radius: 15px;
            margin-bottom: -19px;
        }

        .development {
            width: auto;

        }

        .development Img {
            width: 20%;
            border-radius: 15px;
        }

        .media Img {
            width: 20%;
            border-radius: 15px;
        }

        .ecommerce Img {
            width: 20%;
            border-radius: 15px;
        }

        .design Img {

            width: 14%;
            border-radius: 15px;
            margin: 16px;
        }

        #servicebtn {
            width: 12%;
            height: 30px;
            font-size: 16px;
            border-radius: 5px;
            border: 2px solid gray;
            padding: 5px;
            margin-top: 5%;
            margin-left: 42%;
        }

        #servicebtn:hover {
            cursor: pointer;
            background-color: black;
            color: whitesmoke;
        }

        .communication {
            display: flex;
            margin-top: 4%;
            background-color: darkgray;
        }

        #comImg {
            width: 49%;
        }

        .com {
            width: 50%;
            margin-right: 8%;
            margin-top: 3%;
            padding: -17px;
        }

        .para3 {
            font-size: 30px;
            padding-left: 14%;
            font-family: math;
        }

        .subPara3 {
            font-size: 18px;
            padding: 5%;
            margin-left: 10%;
            font-style: italic;
        }

        .subPara31 {
            font-family: sans-serif;
            font-size: 17px;
            margin-left: 15%;
        }

        #combtn {
            width: 22%;
            height: 9%;
            font-size: 16px;
            border: 2px solid black;
            border-radius: 16px;
            margin-top: 30px;
            margin-left: 15%;
        }

        #combtn:hover {
            cursor: pointer;
            background-color: black;
            color: whitesmoke;
        }

        .know {
            display: flex;
            background-color: aquamarine;
        }

        .today {
            width: 70%;
        }

        .para4 {
            font-size: 30px;
            padding-left: 12%;
            margin-top: 40px;
            font-family: math;
        }

        .subpara4 {
            font-size: 18px;
            padding: 2%;
            margin-left: 10%;
            font-style: italic;
        }

        #knowbtn {
            width: 10%;
            font-size: 16px;
            border: 2px solid black;
            border-radius: 16px;
            margin-top: 70px;
            margin-left: 5%;
            height: 30px;
        }

        #knowbtn:hover {
            cursor: pointer;
            background-color: black;
            color: whitesmoke;
        }

        .marketing {
            text-align: center;
            margin-right: 9%;
        }

        .para5 {
            font-size: 30px;
            padding-left: 12%;
            margin-top: 40px;
            font-family: math;
        }

        .subpara5 {
            font-size: 18px;
            padding: 2%;
            margin-left: 10%;
            font-style: italic;
        }

        #viewbtn {
            width: 13%;
            font-size: 14px;
            border: 2px solid black;
            border-radius: 9px;
            margin-top: 100px;
            margin-left: 12%;
            height: 35px;
            background-color: black;
            color: whitesmoke;
        }

        #viewbtn:hover {
            cursor: pointer;
            background-color: whitesmoke;
            color: black;
            font-size: 15px;
        }

        .lasttext {
            background-color: #c7c7ad;
            width: auto;
            margin-top: 5%;
            text-align: center;
            font-size: 20px;
            padding: 20px;
            font-style: oblique;
            font-family: math;
        }