body {color: var(--cl-basic); background: var(--bg-body)}

.home {position: relative; width: 100%; height: 100%;} 
.linkBox {display: flex; align-items: center; flex-direction: column; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.home .logo {display: flex; justify-content: center; align-items: center; width: 180px; height: 240px; border-radius: 10px; padding: 15px; background: #fff;}
.home .logo img {width: 100%; height: 100%; object-fit: contain;}

.linkBox .links {margin-top: 30px; width: 100%; display: flex; flex-direction: column; gap: 15px; }
.linkBox .links a {display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; border-radius: 5px; font-size: 18px; font-weight: 600; color: var(--cl-basic); background: var(--btn-color);}
.linkBox .links a:hover {background: var(--btn-light);}