body{overscroll-behavior:contain;margin:0px;padding:0px}@media screen and (min-width:320px) and (max-width:767px) and (orientation:portrait){html{transform:rotate(-90deg);transform-origin:left top;width:100vh;overflow-x:hidden;position:absolute;top:100%;left:0}}.myclass{z-index:10;width:280px;background-color:#fff;position:fixed;height:100%;overflow-y:scroll;left:-280px;transition:all 500ms linear}.mystyle{left:0px}.aa{display:block;color:#00008b;padding:16px;text-decoration:none}.aa:hover{background-color:green;color:#0ff}#sidebarr.activeee,.mybtn{left:0px}.mybtn{padding:6px;background-color:#fff;color:#1e90ff;border-radius:7px;font-size:25px;position:fixed;font-weight:700;top:85vh;z-index:9;transition:all 500ms linear}.mybtnx{left:280px}#myapp{display:grid}#banner{background-color:#1e90ff;font-size:35px;align-items:center;justify-content:center;text-align:center;color:#fff}span{color:#e6f50d;vertical-align:middle}#snn{grid-template-columns:auto auto}#snn,#tool{display:grid}#tool{grid-template-columns:auto}