body{background-color:#141414;color:#ffef97}.container{transition:width ease-in-out .5s;background-color:#222;color:#fff;overflow:auto;border:1px red solid;background-repeat:no-repeat;background-size:cover;background-position:top center;background-attachment:local}.container .inner{display:flex;justify-content:center;align-items:center}.container-outer{min-height:500px}.container .wrapper{display:flex;flex:0 0 auto;min-height:366px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 auto;max-width:800px;width:100%}.container .left,.container .right{padding:20px 10px}.container .left{max-width:250px}.container .right{position:relative;width:250px;height:250px;flex:0 1 auto}.right-bg{position:absolute;bottom:0;display:flex;align-items:center;justify-content:center;width:100%;contain:layout}.right-content{position:relative}img{max-width:100%;object-fit:contain;object-position:center}.right-bg img{max-width:unset}.mode-selector{position:fixed;height:50px;bottom:0;left:0;width:100%;z-index:100}.msinner{background-color:#282828;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:center;gap:5px}.mode-selector button{padding:5px}#main{display:flex;flex-direction:column;align-items:center;gap:50px;padding-bottom:100px;padding-top:100px}.innerscroll{height:1200px;width:100%}html,body,#root{margin:0;padding:0}*{box-sizing:border-box}