*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:sans-serif;background:url(/background.jpg) no-repeat center center fixed;background-size:cover;overflow-x:hidden}#layout{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;padding:0 16px}#center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.logo{width:500px;max-width:80%;margin-bottom:10px}.main-site-link{color:#000;font-size:1.1rem;margin-bottom:10px;text-decoration:none;border-bottom:1px solid black;transition:opacity .3s}.main-site-link:hover{opacity:.7}.socials{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.socials img{width:40px;height:40px;transition:opacity .3s}.socials img:hover{opacity:.7}#projects{position:absolute;bottom:0;left:0;width:100%;padding:10px 0}.coming-text{color:#000;font-size:1.2rem;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.coming-image{width:100%;max-height:40vh;height:auto;object-fit:cover;display:block}@media screen and (max-width: 768px){.logo{max-width:90%}.main-site-link{font-size:1rem}.socials img{width:32px;height:32px}.coming-text{font-size:1rem}.coming-image{max-height:30vh}#layout{padding:0 8px}}