*{margin:0;padding:0;box-sizing:content-box;font-family:"Roboto",sans-serif;font-size:1.17rem}html{background-color:#1a1425}body{color:#ffffffc5}.display{margin-top:12rem}#typewriter{color:rgba(197, 112, 253, 0.8);font-weight:700;font-size:3.5rem;padding-top:2rem}.cursor{padding-top:1rem;font-weight:700;animation:blink .7s infinite;font-size:3.5rem}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.Title{text-align:left;margin:.4rem 0 .6rem 3rem;font-size:3rem}.Title_{align-self:center;margin:.4rem 0 .6rem;font-size:2rem}.violet{font-size:inherit;font-style:normal;color:rgba(197, 112, 253, 0.8)}.desc{margin:1rem 0 .8rem 4rem;padding-top:.5rem;text-align:left;font-size:1.5rem}.hero-container{display:flex;flex-direction:row;align-items:center;gap:1rem;justify-content:space-between}.hero{max-width:70%;flex-shrink:0;display:flex;flex-direction:column;justify-content:center}.hero-img{margin-right:1rem;aspect-ratio:1/1;flex:1;right:0;object-fit:contain;flex-shrink:0;max-height:400px}.info-container{display:grid;gap:.4rem;max-width:70%;margin:9rem 1rem .5rem 2rem}.intro{color:#ffffffc5;border-radius:10px;margin:.4rem;padding:.7rem;display:flex;gap:1rem;flex-direction:column;align-items:flex-start;transition-delay:.2s}.intro p{text-align:left;line-height:2rem}.para-2{margin-top:.5rem}.lm{align-self:flex-end;text-align:center;border:2px solid #c0cfee;border-radius:12px;background:transparent;padding:.25rem;margin:.4rem;text-decoration:none;color:#c0cfee;cursor:pointer}.intro p,.intro button{list-style-type:none;margin-left:.4rem;margin-bottom:.2rem}hr{border:none}.footers{transition-delay:.1s}@media (max-width: 768px){*{font-size:1rem}.display{margin-top:12rem}#typewriter{font-size:2rem;padding-top:1rem}.cursor{font-size:2rem;padding-top:.5rem}.Title{font-size:1.8rem;margin:.4rem 0 .6rem 1.5rem}.desc{font-size:1rem;margin:.8rem 0 .8rem 1.5rem}.hero-img{max-height:300px;max-width:300px;margin-right:0;align-content:center}.info-container{max-width:100%;margin:4rem 1rem .5rem}.intro{padding:1rem;margin:.5rem}.intro p{line-height:1.6rem;font-size:.95rem}.Title_{font-size:1.5rem;margin:.4rem 0 .6rem}}@media (max-width: 480px){#typewriter{font-size:1.5rem}.cursor{font-size:1.5rem}.Title{font-size:1.4rem;margin:.3rem 0 .5rem 1rem}.desc{font-size:.9rem;margin:.5rem 0 .5rem 1rem}.hero-container{flex-direction:column;gap:2rem;align-items:flex-start}.hero{max-width:100%}.info-container{margin:2rem .5rem .5rem}.intro{padding:.8rem;margin:.3rem}.Title_{font-size:1.2rem}.lm{align-self:center;padding:.5rem 1rem}}