@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";#navbar{text-shadow:0px 0px 10px #000000;display:flex;justify-content:space-evenly;background:transparent;padding:30px 0;align-items:center;margin-bottom:50px;color:#eff9ff;font-size:28px}#image-wrapper{width:100%}.cloud{width:400px;height:auto;position:absolute;white-space:wrap;top:0;left:0;opacity:.75;z-index:-10;animation:slide 20s linear infinite}.cloud-2{top:-50px;left:100px;width:400px;height:auto;animation:slide 15s linear infinite}.cloud-3{top:-50px;left:200px;width:800px;height:auto;animation:slide 30s linear infinite}@keyframes slide{0%{transform:translate(100vw)}to{transform:translate(-500px)}}#navbar a{color:#eff5ff;text-decoration:none;font-size:35px;transition:color .2s}#navbar a:hover{color:#d9dff2}#chat{display:flex;flex-direction:column;gap:20px;max-width:25dvw;height:75dvh}#chat-log{display:flex;flex-direction:column;height:495px;gap:20px;padding-top:10px;overflow-y:auto;width:100%}#chat-input{display:flex;align-items:center;justify-content:center;gap:10px;padding-bottom:10px}#chat-wrapper{height:100%;flex-direction:column}#chat-log::-webkit-scrollbar{display:none}.chatbox{position:relative;width:90%;align-self:center}#chatbot{margin:0;z-index:1000;display:flex;flex-direction:column}#toggle-chatbot-button{position:absolute;bottom:0;right:0;background-color:silver;width:60px;height:60px}#toggle-chatbot-button:hover{background-color:#a0a0a0}#chatComponent{position:fixed;bottom:20px;right:20px;z-index:1000}.x{position:absolute;top:-25px;right:-10px;font-size:.8rem;padding:2px 5px;border-radius:50%;border-width:.2rem}.chatbot-response{max-width:75%;font-size:12px;margin-right:auto;background-color:#e5d9f2;padding:10px 20px;border-radius:5px;text-align:left}.user-message{font-size:12px;max-width:75%;margin-left:auto;background-color:#8d77ab;color:#f5efff;padding:10px;text-align:right;border-radius:5px}#submit-button{font-size:20px}#submit-form{padding-top:10px}input::placeholder{color:#8d77ab}input[type=text]{width:80%;max-width:400px;padding:10px 15px;font-size:16px;border:2px solid #2e073f;border-radius:3px;background-color:#f5efff;color:#2e073f}input[type=text]:focus{outline:none;border:2px solid #2e073f}#submit-image{width:20px;height:20px;filter:invert(1)}#profile{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:50px;font-size:1.2rem}#profile-text{display:flex;flex-direction:column;align-items:center}#profile-text img:hover{transform:scale(1.15);cursor:pointer}#profile-text img{transition:transform .2s}#profile h2{font-size:44px}.icons{display:flex;justify-content:center;gap:15px;margin-top:10px}#about h2{text-align:center;font-size:44px}#about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.toggler{background-color:#2e073f;cursor:pointer;left:0;font-size:medium;color:#e5d9f2;margin-top:0}.github,.eft{border-width:.15rem;padding:.3rem .6rem;font-size:16px}.project button{padding-left:.5rem}.project button:hover{color:#2e073f}.github-inline{transition:filter .2s}button:hover .github-inline{filter:invert(0)}.github-inline{margin-bottom:-3.5px;margin-right:1px;filter:invert(1)}body{font-family:Arial;background-image:url(/asadal.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#000}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(to bottom,#fff9,#ffffff1a 40%,#fff0);pointer-events:none}.glass{width:50vw;margin:30px auto;position:relative;border-radius:15px;overflow:hidden;padding:25px 8px 8px;z-index:1;background:#aad2ff38;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px #fffc,0 10px 30px #00000040}.glass>*{position:relative;z-index:1}.glass-chat{margin:0;position:fixed;bottom:80px}.innerContainer{padding:15px 10px 10px;background-color:#fff;border-radius:5px;color:#000}h2{text-align:center;z-index:10;color:#000;font-size:44px}#about{font-size:medium}#chat,#projects,#exp,#projects h2,#about h2,#chat h2,#exp h2{text-align:center;font-size:35px;position:relative}.project,.job{background:#d9ddf2;margin:0 auto;width:75%;padding:25px}#projects li,.job li{margin-left:25px}button{padding:.4rem .8rem;border:.2rem solid #070f3f;border-radius:.2rem;background-color:#071d3f;color:#e5d9f2;font-size:1.4rem;font-weight:700;margin-top:1rem;cursor:pointer;transition:all .2s}button:hover{background-color:#e5d9f2;color:#07113f}*{padding:0;margin:0}html{scroll-behavior:smooth}