.bg{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;object-fit:cover;object-position:center}.app{width:70%;height:90vh;position:relative;left:50%;top:50vh;transform:translate(-50%,-50%);display:grid;grid-template-columns:23% auto;border-radius:10px;box-sizing:border-box}.heading-font-size{font-size:18px;font-weight:500}.normal-text-font-size{font-size:14px}::-webkit-scrollbar{width:.3rem;height:.3rem;background-color:#f5f5f5}::-webkit-scrollbar-thumb{background-color:#8888886f;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#5555558e}@media(max-width:1280px){.app{width:80%}}@media(max-width:1120px){.app{width:90%}}@media(max-width:1024px){.app{width:100%;height:100vh;border-radius:0}}@media(max-width:800px){.app{grid-template-columns:none;display:flex;flex-direction:column}}.left-side{background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px 0 0 10px}@media(max-width:800px){.left-side{flex-grow:1;z-index:2}}.right-side{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 10px 10px 0;padding:2rem;display:grid;grid-template-rows:30% 20% auto}@media(max-width:800px){.right-side{grid-template-rows:none}}.bigtosmallsmalltobig{animation:bigtosmallsmalltobig 1s linear infinite}@keyframes bigtosmallsmalltobig{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}