.hero_section{display:flex;justify-content:space-between;margin-top:30px;flex-wrap:wrap}.my_pic_logo{display:flex;align-items:center;gap:5px}.user_id{line-height:1}.user_id p{margin:0}.my_pic_logo img{max-width:40px;max-height:40px;border-radius:10px}.user_id a{color:inherit;text-decoration:none}.logo_container p{font-size:30px;font-weight:540;border-style:outset}.body_section{margin-top:150px}.paragraph{text-align:center;line-height:50px}.paragraph p{font-size:25px}.paragraph span{position:relative;display:inline-block;font-size:3vw;font-weight:700;color:#00008b;-webkit-text-stroke:.3vw #383d52;text-transform:uppercase;white-space:nowrap;overflow:hidden}.paragraph span:before{content:attr(data-text);position:absolute;top:0;left:0;width:0;height:100%;color:#01fe87;font-size:inherit;font-weight:inherit;-webkit-text-stroke:0vw #383d52;border-right:2px solid #01fe87;overflow:hidden;animation:revealText 4s ease-in-out infinite}@keyframes revealText{0%{width:0}50%{width:100%}to{width:0}}#pew{font-size:40px}#lypse{font-family:cursive}@media (max-width: 768px){.hero_section{flex-direction:column;align-items:center;text-align:center}.my_pic_logo{margin-top:20px;flex-direction:column;align-items:center}.user_id{margin-top:10px}.my_pic_logo img{max-width:60px;max-height:60px}.logo_container p{font-size:24px}.body_section{margin-top:80px}.paragraph p{font-size:20px;line-height:1.4}.paragraph span{font-size:5vw;-webkit-text-stroke:.2vw #383d52}#pew{font-size:30px}}@media (max-width: 480px){.my_pic_logo img{max-width:50px;max-height:50px}.logo_container p{font-size:20px}.paragraph p{font-size:18px}.paragraph span{font-size:6vw;-webkit-text-stroke:.15vw #383d52}#pew{font-size:25px}}.btn.btn-sm.btn-outline-secondary{background-color:#db7093;border-color:#db7093}.btn.btn-sm.btn-outline-secondary a{color:#fff!important;text-decoration:none!important}.btn.btn-sm.btn-outline-secondary:hover{background-color:gray;border-color:gray}.btn.btn-sm.btn-outline-secondary:hover a{color:#fff!important}.question-panel{height:100%;overflow-y:auto;border-right:1px solid #ccc;padding-right:10px}#solution-area{position:sticky;top:0;height:100vh;overflow-y:auto;padding-left:20px;border-left:2px solid #ddd}.solution-container{display:none}@media (max-width: 768px){.row{flex-direction:column}#solution-area{position:static;height:auto;border-left:none;padding-left:0;margin-top:20px}.col-md-7{width:100%}.question-panel{border-right:none;padding-right:0}.question-link.active+.mobile-solution{display:block}.mobile-solution{display:none;margin-top:10px;padding:10px;border-left:4px solid #007bff;background-color:#f8f9fa}}