@charset "UTF-8";
/* CSS Document */

html,body{
	background-color: #EFF5FF;
	font-family: 'Inter', sans-serif;
}


nav{
	
	display: flex;
	width: 95vw;
	flex-direction: row;
	justify-content: space-between;
	padding: 2%;
	margin: 1%;
	margin-right: 5%;
	
}

.title{
	margin-left: 35%;
	align-items: center;
	justify-content: center;
	font-size:1.2em;
}

.container{
	padding: 1%;
	display: inline-block;
	position: relative;
	
  

}

.confirm-box{
	width: 320px;
	height: 190px;
	position: absolute;
	background-color: #F8F8F8;
	text-align: center;
	border-radius: 30px;
	top: 40%;
	left: 7.5%;
	text-justify: auto;
	visibility: hidden;
	
	
}


#confirm-text{
	margin-top: 13%;
	visibility: hidden;
}

#confirm-btn{
	display: flex;
	justify-content: space-between;
	text-decoration: none;
	margin: 10%;
	margin-left: 15%;
	margin-right: 15%;
	visibility: hidden;
	
}

.Overlay{
	visibility: visible;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 15%;
	scale:1;
	
}

.after{
  position: absolute;
  top: 20;
  left: 20;
  opacity: 0;
  transition: opacity 0.3s ease;
  
}

.container:hover .after{
	opacity: 100;
	z-index: 2;
	cursor: pointer;
}