@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";body{margin:15px;padding:0;background-color:#0c0c0c;color:#f0f0f0;font-family:Rubik,sans-serif;align-items:center}a{color:#f0f0f0;transition:all .3s ease-in-out}a:hover{color:#a0a0a0}.title-container{display:flex;flex-direction:column;align-items:center;animation:website-start-animation 1s ease-in-out}.project-container{display:flex;flex-direction:column;align-items:center;margin-top:20px;animation:website-start-animation 1.5s ease-in-out}.collabs-container{display:flex;flex-direction:column;align-items:center;margin-left:60px;margin-right:60px;animation:website-start-animation 2s ease-in-out}.contact-container{display:flex;flex-direction:column;align-items:center;margin-top:20px;animation:website-start-animation 2.5s ease-in-out}.footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:10px;border-top:#444 solid 1px;animation:website-start-animation 3.5s ease-in-out}.line{width:100%;height:1px;background-color:#444;margin:20px 0}@keyframes website-start-animation{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.icon{border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:white solid 1px;transition:all .3s ease-in-out}.icon:hover{background-color:#fff}.icon img{display:block;filter:invert(1)}.icon:hover img{filter:invert(0)}.social-icons{display:flex;gap:10px;margin-top:10px;flex-direction:row}.no-decoration{text-decoration:none;color:inherit}.tooltip{position:relative;display:inline-block;bottom:-2px}.tooltip .tooltiptext{visibility:hidden;width:auto;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.project{display:flex;flex-direction:column;padding:10px;border:2px solid #444;border-radius:5px}