/* ~RIGHT MAIN CSS */

.rightMain {
    width: 60vw;
    min-width: 300px;
    float: left;
}

.helpScreen {
    height: fit-content;
    min-height: 200px;
    width: 40vw;
    min-width: 300px;

    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    
    background-color: rgb(247, 253, 253);
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

    border-radius: 10px;
}

.hidden{
	display : none;
	}

/* ~RIGHT MAIN CSS */

/* ~LEFT MAIN CSS */

.leftMain {
    width: 30vw;
    min-width: 250px;
    float: left;
}

.helpTitle {
	padding-top: 25px;
	padding-bottom: 25px;
}

li {
    max-width: 250px;
    min-height: 60px;
    height: fit-content;

    list-style: none;
    display:inline-block;
}

.issue {
    float: left;
    width: 200px;

	padding: 15px;

	background-color: rgb(247, 253, 253);
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

    user-select: none;
    word-wrap: break-word;
    border-radius: 10px;
}

@media screen and (max-width: 883px) {
	.leftMain {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .rightMain {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

.issue:hover {
    background-color: rgb(199, 206, 206);
    color: black;
}

/* ~LEFT MAIN CSS */

/* MAIN CSS */