style.css

/* Kesaria - #FF9933 */
/* White - #FFFFFF */
/* Green -  #138808 */
/* Navy Blue - #000080 */

.kesaria{
    color: #FF9933;
}
.green{
    color:#138808;
}

.flag{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.flag-stick{
    width: 0.3cm;
    height: 150vh;
    background-color: #a5a5a5;
}
.flag-outer{
    width: 24cm;
    height: 16cm;
}
.flag-top{
    height:5.33cm;
    background-color: #FF9933;
}
.flag-center{
    height:5.33cm;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flag-chakra{
    height: 5cm;
    width: 5cm;
    border: 5px solid #000080;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.flag-chakra-line{
    width: 0.15cm;
    height: 5cm;
    background-color: #000080f6;
    position: absolute;
}
.flag-chakra-line:nth-child(1){
    transform: rotate(-15deg);
}
.flag-chakra-line:nth-child(2){
    transform: rotate(15deg);
}
.flag-chakra-line:nth-child(3){
    transform: rotate(30deg);
}
.flag-chakra-line:nth-child(4){
    transform: rotate(45deg);
}
.flag-chakra-line:nth-child(5){
    transform: rotate(60deg);
}
.flag-chakra-line:nth-child(6){
    transform: rotate(75deg);
}
.flag-chakra-line:nth-child(7){
    transform: rotate(90deg);
}
.flag-chakra-line:nth-child(8){
    transform: rotate(105deg);
}
.flag-chakra-line:nth-child(9){
    transform: rotate(120deg);
}
.flag-chakra-line:nth-child(10){
    transform: rotate(135deg);
}
.flag-chakra-line:nth-child(11){
    transform: rotate(150deg);
}
.flag-chakra-line:nth-child(12){
    transform: rotate(180deg);
}
.flag-bottom{
    height:5.33cm;
    background-color: #138808;
}
.slogan > p{
    font-size: 100px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 10px;
    position: absolute;
    bottom: -200px;
    left: 26px;
    width: 100%;
}

footer{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: large;
}