body{
    margin:0;
}

.op-shutter{
	display: unset;
    padding: 0;
	
	position: fixed;
	top 0;
	left: 0;
	background: white;
	width: 100vw;
	height: 100vh;
	
	z-index: 1000;
	
}


.design-box{
    
    position: relative;
    /*
    border: solid black 1px;
    /*
    width: 40vw;
    height: 10vw;
    left: 30vw;
    */
    top: 200px;
    width: 500px;
}

.compbox{
    position: absolute;
    width: 200px;
    height: 200px;
    /*
    border: solid black 1px;
    */
}

.circle{
    position: absolute;
    width:10px;
    height: 16px;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%/65% 65% 35% 35%;
    margin: 20px;
    display: inline-block;
    opacity: 0;

    background: linear-gradient(to bottom, #ffffff, #f0f0f0);
    
    box-shadow: rgb(167, 167, 167) 1px 1px 4px;
}

.op-text{
    position: relative;
    top: 450px;
    width: 100vw;
    text-align: center;
}