*{font-family:Rubik,Consolas}body{background:#eb7b12;background:-webkit-linear-gradient(90deg,rgba(235,123,18,1) 0%,rgba(255,237,36,1) 50%,rgba(235,123,18,1) 100%);background:-moz-linear-gradient(90deg,rgba(235,123,18,1) 0%,rgba(255,237,36,1) 50%,rgba(235,123,18,1) 100%);background:linear-gradient(90deg,#eb7b12,#ffed24,#eb7b12);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#EB7B12",endColorstr="#EB7B12",GradientType=1);overflow-x:hidden;padding:0}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-track{background:#f0c505;border-radius:10px;margin:7.5px 0}.scroll::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#f0b905,#ffc711);border-radius:10px;box-shadow:0 0 20px #f0b905,0 0 40px #ffc711;animation:neonPulse 2s ease-in-out infinite alternate;min-height:20px}.scroll::-webkit-scrollbar-thumb:hover{box-shadow:0 0 30px #f0b905,0 0 60px #ffc711}.scroll::-webkit-scrollbar-corner{background:transparent}@keyframes neonPulse{0%{box-shadow:0 0 20px #f0b905,0 0 40px #ffc711}to{box-shadow:0 0 30px #f0b905,0 0 60px #ffc711}}.main{display:flex;justify-content:center;align-items:center;height:60vh}.search-bar{display:flex;align-items:center;justify-content:center;flex-direction:column}.title-container h1{font-family:Dancing Script,cursive;color:#ffae00;font-size:4.25em}.input-container{display:flex;gap:20px}.input-box{display:flex;align-items:center;justify-content:center}.input-box div{background-color:#ffe657}.input-div input{background-color:#ffe657;border:none;font-size:1em;padding:10px;width:35vw}.attach,.send{padding:5px 10px}.attach{border-top-left-radius:15px;border-bottom-left-radius:15px}.send{border-top-right-radius:15px;border-bottom-right-radius:15px}.microphone{background-color:#ffe657;border-radius:25px;width:35px;text-align:center;display:flex;align-items:center;justify-content:center}.input-div input:focus{outline:none}.attach:hover,.send:hover,.microphone:hover{opacity:.85;color:#f6d205;cursor:pointer}.attach:active,.send:active,.microphone:active{opacity:.75;color:#e1ca62}.microphone:active{transform:scale(.9)}@media(max-width:1000px){.title-container h1{font-size:3.5em}.input-div input{width:45vw}}@media(max-width:500px){.title-container h1{font-size:3em}.input-div input{padding:6.5px}.attach,.send{padding:2px 5px}.attach{border-top-left-radius:8px;border-bottom-left-radius:8px}.send{border-top-right-radius:8px;border-bottom-right-radius:8px}.input-container{gap:5px}.microphone{width:25px}}.navbar{display:flex;align-items:center;justify-content:center;gap:88%;padding:10px;width:100%;position:relative}.nav-buttons{display:flex;gap:7.5px}.profile-pic{width:25px;height:25px;border-radius:12.5px;background-color:#888;cursor:pointer}.nav-left{position:relative}.nav-right{display:flex;gap:15px;align-items:center;justify-content:center}.nav-buttons span:hover,.nav-left span:hover{opacity:.85;color:#f6dd05;cursor:pointer}.nav-buttons span:active,.nav-left span:active{opacity:.75;color:#fdf291;transform:scale(.9)}.profile-pic:hover{opacity:.85}.profile-pic:active{opacity:.75;transform:scale(.9)}@media(max-width:1200px){.navbar{gap:78%}}@media(max-width:750px){.navbar{gap:68%}}@media(max-height:500px)or (max-width:500px){.nav-buttons{display:none}}.menu-bar{position:fixed;background:#f0b905;background:linear-gradient(90deg,#f0b905,#ffd650,#f0b905);top:0;left:0;width:280px;height:100%;z-index:100;display:flex;flex-direction:column;padding:0;box-sizing:border-box}.feature-bar{margin-top:50px;flex:1;max-height:calc(80vh - 180px);overflow-y:auto;display:flex;flex-direction:column;padding:0}#closeMenu{position:absolute;top:10px;right:10px;cursor:pointer;font-size:18px;z-index:101}#closeMenu:hover{opacity:.85;color:#f5bc05;cursor:pointer}#closeMenu:active{opacity:.75;color:#f5d270}.feature-label,.account-option,.log-out-option{display:flex;align-items:center;gap:15px;padding:15px 20px;cursor:pointer;text-decoration:none;transition:background-color .2s ease;font-size:16px;white-space:nowrap;min-height:24px}.feature-label:hover,.account-container:hover,.account-option:hover,.log-out-option:hover{background:#ebc23d}.feature-label:active,.account-container:active,.account-option:active,.log-out-option:active{background:#ffe07a}.account-bar{margin-top:auto;margin-bottom:10px;bottom:0;flex:0 0 auto}.account-container{display:flex;gap:15px;align-items:center;padding:15px 20px;cursor:pointer;transition:background-color .2s ease;font-size:16px;white-space:nowrap;min-height:24px}.menu-profile-icon{width:32px;height:32px;border-radius:16px;background-color:#888;flex-shrink:0}@media(max-width:1000px){.menu-bar{width:250px}.feature-label,.account-option,.log-out-option{font-size:13.5px;padding:11.5px 18.5px}.account-container{padding:11.5px 18.5px;font-size:13.5px}.menu-profile-icon{width:27.5px;height:27.5px;border-radius:13.5px}}@media(max-width:650px){.menu-bar{width:200px}.feature-label,.account-option,.log-out-option{font-size:12px;padding:10px 15px}.account-container{padding:10px 15px;font-size:12px}.menu-profile-icon{width:25px;height:25px;border-radius:12.5px}}@media(max-width:475px){.menu-bar{width:180px}}.menu-tab{position:absolute;background:#f0b905;background:linear-gradient(90deg,#f0b905,#ffd650,#f0b905);top:39px;right:42px;border-radius:12px;max-width:425px;width:100%;overflow:hidden}.menu-tab h3{margin-left:12px}.apps-content{display:grid;grid-template-columns:auto auto auto;gap:20px;padding:20px;overflow:auto;max-height:400px}.app{display:flex;flex-direction:column;padding:35px 20px;background-color:#888;justify-content:center;align-items:center;border-radius:20px;cursor:pointer}.app:hover{opacity:.85}.app:active{opacity:.75}.notification-tab{position:absolute;background:#f0b905;background:linear-gradient(90deg,#f0b905,#ffd650,#f0b905);top:39px;right:42px;border-radius:12px;max-width:425px;width:100%;overflow:hidden}.notifications-content{max-height:440px;overflow-y:auto;height:100%}.tab h3{margin-left:12px}.notification{display:flex;gap:30px;padding:20px;cursor:pointer;overflow-y:hidden}.notification-empty{text-align:center;padding:25% 0;font-size:.93em;font-weight:700}.notification:hover{background:#ffd138}.notification:active{background:#f5d364}.notification-profile-icon{background-color:#888;width:35px;height:35px;border-radius:18px}.notification-icon{width:35px;height:35px;text-align:center}.notification-label{display:flex;flex-direction:column;justify-content:center;margin-top:-5px}#notification-name{font-weight:700}#notification-time{font-size:13.5px;color:#555}