html{font-family:'Kanit', serif;width:100%;height:100%;overflow:hidden}body{width:100%;height:100%;background-color:#f0eebb}.image-container{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);width:50vw;height:60vh;filter:drop-shadow(5px 5px 5px black)}.image-container > img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.social-container{position:absolute;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;background-color:white;border-radius:2vw;width:20vw;height:7vh;bottom:5%;left:50%;transform:translateX(-50%);filter:drop-shadow(3px 3px 5px black)}.fb,.ig,.yt,.tt{position:relative;height:80%;flex-basis:15%}.fb > img,.ig > img,.yt > img,.tt > img{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%, -50%);object-fit:contain;user-select:none;-webkit-user-drag:none;cursor:pointer}.fb > img:hover,.ig > img:hover,.yt > img:hover,.tt > img:hover{width:110%;height:110%}.date1,.date2{position:absolute;z-index:-3;height:50%;transform:translate(-50%, 0%);margin:0;left:50%;display:flex;justify-content:center;align-items:center;font-size:25vw;font-weight:700;color:#6c6b54;opacity:0.2}.date1{top:-5%}.date2{bottom:-2%}@media only screen and (max-width: 600px){.image-container{width:80vw;height:80vw}.social-container{width:70%}}