*{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#415a72;margin:0;padding:0;box-sizing:border-box;z-index:1}html{scroll-behavior:smooth}body{min-height:100vh;width:100%}canvas{position:fixed;top:0;left:0;z-index:-1}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#050546}::-webkit-scrollbar-track{background-color:#161529}.intro{height:100vh;padding-top:100px}.card{color:#cac2c2;background-color:#110f18;position:absolute;left:10vw;width:40vw;height:60vh;border-radius:15px;transition:all .5s ease-in-out;padding:25px;padding-top:60px;display:flex;flex-direction:column;justify-content:space-between;transform-style:preserve-3d;transform:rotateY(0) rotateX(0)}.card:hover{transform:perspective(700px) rotateY(4deg) rotateX(-2deg)}.card .about{padding-top:50px;height:100%;font-size:large;width:100%}.card .sources{bottom:0;display:flex}.card .projectsBtn{margin:25px;font-size:35px;transition:color .5s ease-in-out}.card .projectsBtn:hover{cursor:pointer;color:#585555}.card .sources{width:100%;flex-wrap:wrap;display:flex;align-items:center;justify-content:center}.card .sources .platform{background-color:#262233;margin:5px;border-radius:15px;display:flex;justify-content:center;align-items:center;padding:10px;color:#9b9ba1;font-weight:700}.card .sources .platform img{margin-right:15px;height:40px;width:40px}.card .sources .platform #ytLogo{width:60px}.card .sources a{text-decoration:none}.projects{height:100vh;display:flex;justify-content:center;align-items:center}.projects .projectPreview{background-color:#110f18;display:flex;width:10vw;height:10vw;border-radius:50%;flex-direction:column;padding:1%;position:absolute}.projects .preview{background-color:#110f18;height:300px;width:300px;border-radius:15px}