CSS 레이아웃 센터 포지션 코드

메인은 주황색 박스이다

주황색 박스에 아래에 코드를 주면 센터로 잡힌다

main{
  
  background-color: #F4DDB2;
  border: 1px solid black;
  width:35vw;
  height:35vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    
}