@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";html{font-size:62.5%;box-sizing:border-box}body{overflow-x:hidden;scroll-behavior:smooth;background-color:var(--secondary)}:root{--font: "Poppins", sans-serif;--primary: #e2e2e2;--secondary: #272727;--developer-primary: #dcdcdc;--developer-secondary: #1d1d1d;--developer-box-shadow: 6px 0px 0px var(--developer-primary);--developer-pri-hover: #e2e2e2;--developer-sec-hover: #131313}*,*:before,*:after{margin:0;padding:0;border:unset;outline:unset;box-sizing:inherit}*::selection{color:var(--secondary);background-color:var(--primary)}a,a:visited,a:active{color:unset;font-size:unset;text-decoration:unset}ul,li{color:unset;font-size:unset;list-style:unset}img{width:100%;display:block}figure{margin:0;padding:0}.loader{margin:0;padding:10.2px 0;display:flex;align-items:center;justify-content:flex-start;position:relative}.loader__round{animation-name:loader;animation-timing-function:linear;animation-duration:1.2s;animation-iteration-count:infinite;border-radius:50rem;position:absolute;width:9px;height:9px}.loader__round:first-child{background-color:#ff0;animation-delay:.5s}.loader__round:nth-child(2){background-color:#40e0d0;animation-delay:.4s}.loader__round:nth-child(3){background-color:red;animation-delay:.3s}.loader__round:nth-child(4){background-color:#fff;animation-delay:.2s}.loader__round:nth-child(5){background-color:#ff00f7;animation-delay:.1s}@keyframes loader{15%{transform:translate(0)}45%{transform:translate(75px)}65%{transform:translate(75px)}95%{transform:translate(0)}}#app{width:1200px;height:100vh;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}#conversation{flex:1;width:100%;height:100%;overflow-x:hidden;display:flex;flex-direction:column;gap:10px;scrollbar-width:1.4rem;padding-bottom:2rem;scroll-behavior:smooth}#conversation::-webkit-scrollbar{display:none}.wrapper{width:100%;padding:1rem}.ai{background-color:#323232}.conversation{width:100%;max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:1.5rem}.profile{display:flex;align-items:center;justify-content:center;width:50px;height:50px;overflow:hidden;border-radius:5rem;background-color:#00b800}.profile img{width:40px;height:40px}.ai .profile{overflow:hidden;background-color:#131313}.response{flex:1;font-family:var(--font);font-size:1.4rem;max-width:100%;margin:2.075rem 0;overflow-x:hidden;color:var(--primary);white-space:pre-wrap;-ms-overflow-style:none;scrollbar-width:none}.response::-webkit-scrollbar{display:none}form{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;padding:0 5rem 2rem;gap:2rem}form textarea{font-family:var(--font);font-size:1.6rem;font-weight:400;letter-spacing:.075rem;border-radius:1.2rem;resize:unset;flex:1;width:100vw;max-height:400px;height:auto;padding:1.25rem 3rem;color:var(--primary);background-color:#131313}form textarea::-webkit-scrollbar{display:none}form button{border-radius:50%;padding:1.25rem;cursor:pointer;background-color:transparent;transition:background-color .1s linear}form button:hover{background-color:#131313}#rakk__introduction{width:100%;height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;background-color:#2f2f2f;border-radius:2rem}.rakk__information{display:flex;align-items:center;justify-content:center;margin-top:7rem;gap:6rem}.information__icons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.information__icons figure{background-color:green;padding:2rem;border-radius:50%}.info__title{position:relative}.info__title h3{position:relative;font-family:var(--font);font-size:1.75rem;font-weight:400;letter-spacing:.2rem;color:var(--primary);text-transform:uppercase}.info__title h3:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:4px;transform-origin:right;transform:scaleX(0);background-color:var(--primary);transition:all .2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,.575,.565,.75)}.info__title h3:hover:after{transform-origin:left;transform:scaleX(1)}.rakk__description{width:100%;max-width:900px;text-align:center;margin:3rem auto}.rakk__description article p{font-family:var(--font);font-size:1.2rem;font-weight:300;letter-spacing:.2rem;color:var(--primary)}.rakk__links{display:flex;gap:7rem;align-items:center;justify-content:center}.rakk__links img{filter:brightness(.575);transition:all .2s;transition-property:filter transform;transition-timing-function:cubic-bezier(.445,.05,.55,.95)}.rakk__links img:hover{filter:brightness(1);transform:translateY(-.795rem)}.rakk__links .twitter img,.rakk__links .github img{width:55px;height:55px}footer{margin-bottom:3.75rem}#copyright p{font-family:monospace;font-size:1.4rem;font-weight:400;letter-spacing:.075rem;color:var(--primary)}@media only screen and (max-width: 360px){#app{width:100%;height:100%}form{padding:0 2rem 2rem;gap:1.25rem}form textarea{font-size:1.5rem;font-weight:300;padding:1.25rem 2rem}form button{padding:0}#rakk__introduction{height:100%}.rakk__information{margin-top:3rem;flex-direction:column;gap:3rem}.information__icons{gap:1rem}.information__icons figure{padding:2rem}.information__icons figure img{width:50px!important;height:50px!important}.info__title h3{font-size:1.5rem}.rakk__description{margin:2rem auto;padding:0 2rem}.rakk__description article p{line-height:1.6}.rakk__links{gap:1.75rem;margin-bottom:2rem}.rakk__links img:not(:nth-child(2)),.rakk__links img:not(:nth-child(4)){width:45px;height:45px}.rakk__links .twitter img,.rakk__links .github img{width:45px;height:45px}}@media screen and (max-width: 428px){#app{width:100%;height:100%}form{padding:0 2rem 2rem;gap:1.25rem}form textarea{font-size:1.5rem;font-weight:300;padding:1.25rem 2rem}form button{padding:0}#rakk__introduction{height:100%}.rakk__information{margin-top:3rem;flex-direction:column;gap:3rem}.information__icons{gap:1rem}.information__icons figure{padding:2rem}.information__icons figure img{width:50px!important;height:50px!important}.info__title h3{font-size:1.5rem}.rakk__description{margin:2rem auto;padding:0 2rem}.rakk__description article p{line-height:1.6}.rakk__links{gap:1.75rem;margin-bottom:2rem}.rakk__links img:not(:nth-child(2)),.rakk__links img:not(:nth-child(4)){width:45px;height:45px}.rakk__links .twitter img,.rakk__links .github img{width:45px;height:45px}}