*{
    margin: 0px;
    padding: 0px;
}
 body{
    background-image: linear-gradient(90deg, #C7C5F4, #776BCC);
	align-items: center;
	justify-content: center;
	display: flex;
	height: 100vh;
	width: 100%;
 }

 .container{
    margin-top: 1000px;
    min-height: 400px;
	width: 100%;/*300px*/
	box-shadow: 0 10px 10px rgba(0,0,0,0.25);
	padding: 30px;
	background-color: #fff;
	border-radius: 10px;
	 position: absolute;
 }
 .container .row{
    display: flex;
    margin-top: 10px;
}

.problem_1{
	margin-left:auto;
	background-color: #3120E0;
	border:none;
	border-radius:5px;
	width:100px;
	color:#ffffff;
	height:35px;
}
:is(.problem_2,.problem_3,.problem_4,.problem_5){
	margin-left:10px;
	background-color: #3120E0;
	border:none;
	border-radius:5px;
	width:100px;
	color:#ffffff;
	height:35px;
}
.solved1{
    margin-left:auto;
	background-color: #3CCF4E;
	border:none;
	border-radius:5px;
	width:100px;
	color:#ffffff;
	height:35px;
}
:is(.solved2,.solved3,.solved4,.solved5){
    margin-left:10px;
	background-color: #3CCF4E;
	border:none;
	border-radius:5px;
	width:100px;
	color:#ffffff;
	height:35px;
}

.container3{
    margin-top: 10px;
    min-height: 400px;
	width: 100%;/*300px*/
	box-shadow: 0 10px 10px rgba(0,0,0,0.25);
	padding: 30px;
	background-color: #fff;
	border-radius: 10px;
	 position: absolute;
}
.button2{
    color: #fff;
    background: #776BCC;
    border: none;
    border-radius: 10px;
    font-size: 25px;
	width:100px;
	height:40px;
	padding:5px;
}