@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap" rel="stylesheet");

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    overflow: hidden;
    background-color: #f4f6ff;
}

.container {
    
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Poppins", sans-serif;
    text-align: center;
}


.top, .down, .left, .right, .left-top, .left-down, .right-top, .right-down {
    width: 10vmin;
    height: 10vmin;
    background-color: #f3c623;
    position: absolute;
}

.cog2 .top, .cog2 .down, .cog2 .left, .cog2 .right, .cog2 .left-top, .cog2 .left-down, .cog2 .right-top, .cog2 .right-down {
    background-color: #4f8a8b;
}

.top {
    top: -14vmin;
    left: 9vmin;
}

.down {
    bottom: -14vmin;
    left: 9vmin;
}

.left {
    left: -14vmin;
    top: 9vmin;
}

.right {
    right: -14vmin;
    top: 9vmin;
}

.left-top {
    transform: rotateZ(-45deg);
    left: -8vmin;
    top: -8vmin;
}

.left-down {
    transform: rotateZ(45deg);
    left: -8vmin;
    top: 25vmin;
}

.right-top {
    transform: rotateZ(45deg);
    right: -8vmin;
    top: -8vmin;
}

.right-down {
    transform: rotateZ(-45deg);
    right: -8vmin;
    top: 25vmin;
}

h1 {
    color: #142833;
}

.first-four {
 
    font-size: 20vmin;
}

.second-four {
    
    z-index: -1;
    font-size: 20vmin;
}

.wrong-para {
    font-family: "Montserrat", sans-serif;
   
    font-weight: 600;
    color: #092532;
}