@import"https://fonts.googleapis.com/css2?family=Cherry+Swash:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,700;1,400&display=swap";*{margin:0;padding:0;font-family:Cherry Swash,cursive;font-family:Poppins,sans-serif}body{height:100vh;display:flex;background:linear-gradient(45deg,#00b559,#00ad0d7d);justify-content:center}main{display:flex;flex-direction:row;align-self:center;width:70%;min-width:700px;height:450px;box-shadow:0 10px 10px #00000038;border-radius:2rem}section,aside{display:flex;padding:1rem}section{flex-direction:column;background:repeating-linear-gradient(45deg,#fff,#f1fff5 132px);flex-grow:1;border-top-right-radius:2rem;border-bottom-right-radius:2rem}aside{flex-direction:column;align-items:center;justify-content:flex-start;background:linear-gradient(150deg,#00b559,#36db36);min-width:40%;border-top-left-radius:2rem;border-bottom-left-radius:2rem;color:#fff}h1{font-size:4.5rem;color:#03883d}h2{font-size:1.3rem;font-weight:300;color:#d3d3d3;letter-spacing:1px}.table-wrp::-webkit-scrollbar{width:.2rem}.table-wrp::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #00000020}.table-wrp::-webkit-scrollbar-thumb{background-color:#fff;outline:1px solid slategrey}@media only screen and (min-device-width:320px)and (max-device-width:480px){main{width:100%;height:100%;min-width:0px}h2{display:none}aside{flex-grow:1;border-radius:0}section{flex-grow:0;padding:1.5rem 1rem;border-radius:0}}