#formBody{
    background-color: black;
    display:flex;
    width:44%;
    flex-direction:column;
    margin:5.5% auto auto auto;
    border-radius: 2vw;
}

    #formHead{
        flex:1;
        display:flex;
        flex-direction: row;
        align-items:center;
        justify-content: center;
        padding: 1.5%;
    }

        #formHeadTxt{
            flex:7;
            color : white;
            text-align: center;
            font-family: 'Wellfleet', cursive;
            font-size:2.5vw;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left:11%;
        }

        #crossClose{
            flex:1;
            cursor: pointer;
            display:flex;
            align-items:center;
            justify-content: center;
        }

#mainContent{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
}

    #categoryFocused{
        flex:1;
        display:flex;
        justify-content: center;
    }

        #bluePenBlock{
            flex:1;
            display:flex;
            justify-content: flex-end;
            align-items:center;
            margin-right:1.5vw;
        }

            #bluePen{
                background-color:#0036C1;
                display:flex;
                justify-content: center;
                align-items: center;
                height:3vw;
                width:3vw;
                padding:0.6vw;
                border-radius:100px;
                cursor: pointer;
            }

        #catBigIconBlock{
            flex:1.1;
            display:flex;
            justify-content: center;
            align-items:center;
            padding:1vw;
            
        }

            #catBigIcon{
                height:10vw;
                width:10vw
            }

        #redCrossBlock{
            flex:1;
            display:flex;
            justify-content: flex-start;
            align-items:center;
            margin-left:1.5vw;
        }

            #redCross{
                background-color:#C10000;
                height:3vw;
                width:3vw;
                display:flex;
                justify-content: center;
                align-items: center;
                padding:0.5vw;
                border-radius:100px;
                cursor: pointer;
            }

    #currentCategoryName{
        flex:1;
        display:flex;
        justify-content: center;
        color:white;
        font-family: 'Wellfleet', cursive;
        font-size:1.2vw;
        margin-bottom:1.5vw;
    }

    #categoryList{
        overflow:overlay;
        height:20vw;
        width:80%;
        display:flex;
        flex-direction: column;
        align-items:center;
        margin-bottom:1vw;
    }

        #categoryItem{
            flex:1;
            width:100%;
            display:flex;
            margin:1vw 0.5vw 1vw 0.5vw;
            background: #1D1D1D;
            box-shadow: inset -0.5vw -0.5vw 0.3vw rgba(0, 0, 0, 0.45);
            border-radius: 2vw;
            cursor: pointer;
        }

        #categoryItem:first-child{
            margin-top:0vw;
        }

        #categoryItem:last-child{
            margin-bottom:0vw;
        }

            #categoryItemIcon{
                flex:1;
                display:flex;
                justify-content: center;
                align-items: center;
                margin:0.5vw;
            }

                #categoryItemIconImg{
                    height:2vw;
                    width:auto
                }

            #categoryItemName{
                flex:5;
                color:white;
                font-family: 'Wellfleet', cursive;
                font-size:1.2vw;
                display:flex;
                align-items: center;
            }
    
    #confirmationBlock{
        flex:1;
        display:flex;
        flex-direction:column;
        align-items:space-around;
        color:white;
        margin-bottom: 3.43vw;
    }

        #confirmationBlockTxt{
            flex:1.5;
            text-align:center;
            display: flex;
            align-items: center;
            padding:8%;
            font-family: 'Wellfleet', cursive;
            font-size:1.2vw;
            color:white;
            
        }

        #choiceBlock{
            flex:1;
            display:flex;
            justify-content: center;
            font-family: 'Wellfleet', cursive;
        }
            #yesBlock{
                background-color:white;
                padding:4% 8% 4% 8%;
                border-radius: 1vw;
                cursor: pointer;
                color:black; 
                margin-right:1vw
            }

            #noBlock{
                background-color: #0036C1;
                padding:4% 8% 4% 8%;
                border-radius: 1vw;
                cursor: pointer;
                color:white;
                margin-left:1vw
            }