@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');	
		.main-container {
			max-width: 100%;
			padding: 5px;
			box-sizing: border-box;
			font-size: 15px;
			margin: 0 auto;
			font-family: 'Open Sans', sans-serif;
			color: #000000;
		}
		.main-container .row {
            margin-top: 6px;
			padding: 0;
            gap: 4px;
			box-sizing: border-box;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		.main-container .col {
            flex: 1;
            max-width: 42;
            height: 48px;
            padding: 0;
            border: 2px solid #ccc;
            font-size: clamp(12px, 3vw, 15px);
            user-select: none;
            border-radius: 3px;
            cursor: pointer;
            width: 3em;
            min-height: 3em;

            display: flex;
            align-items: center;  
            justify-content: center; 

            text-transform: capitalize;
            font-weight: 600;
        }

        .main-container .col:hover {
            background-color: lightgray;
        }

		.main-container .col span{
			display: block;
		}
		.main-container .col.backspace {
			width: 114px;
			text-align: left;
		}
		
		.col.capsloack{
			width: 114px;
			text-align: left;
		}
		.main-container .col.tab,.main-container .col.slace{
			width: 100px;
		}
		.col.shift,
		.col.enter{
			width: 120px;
			text-align: left;
		}
		.col.space {
			width: 520px;
		}
		.rightclickopt {
			width: 14px;
			height: 18px;
			border: 2px solid #000000;
			display: flex;
			justify-content: center;
			flex-direction: column;
		}
		.main-container .col .rightclickopt span {
			width: 100%;
			height: 1px;
			background-color: #000000;
			margin: 2px 0;
		}
		.main-container .col.tab, .main-container .col.slace {
			width: 84px;
			text-align: left;
		}
		.input-wrapper #input {
			padding: 13px;
			display: block;
			width: 30%;
			margin: 0 auto;
			background-color: #f1f1f1;
			border: 2px solid #ddd;
			border-radius: 4px;
			height: 20px;
		}

        @media (max-width: 480px) {
            .main-container .col {
                    height: 44px;
                }
        }