.homeSite{height:100%;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out forwards}.homeText{font-size:6rem;font-family:Poppins;font-weight:500;line-height:100px}.homeButton{padding:15px;width:220px;margin-top:80px;font-size:1.2rem;color:#b366ff;border:rgb(179,102,255) solid 1px;background:#1b1b1b;transition:.15s}.homeButton:hover{cursor:pointer;color:#000;border:solid 1px;background:#b366ff}.homeImage{width:650px}.post{background-color:#f5f5f5;color:#000;margin-top:30px;width:100%;border-radius:10px}.rowPost{display:flex;flex-direction:row;align-items:center}.column{display:flex;flex-direction:column;width:50%;margin-left:30px}.blogName{padding:5px;text-wrap:none;margin:10px;white-space:nowrap;font-family:Poppins}.blogDate{margin-left:30px;margin-bottom:5px;font-family:Poppins;font-weight:500}.postDesc{margin-top:0}.postButton{padding:10px 30px;margin-left:30px;margin-bottom:30px;font-size:1rem;color:#191919;border:rgb(25,25,25) solid 2px;background:#c080ff;transition:.1s}.postButton:hover{cursor:pointer;color:#fff;border:rgb(25,25,25) solid 2px;background:#b366ff}.postImg{margin-left:30px;width:30%}.boxProject{background-color:#f5f5f5;color:#000;padding:15px;max-width:50%;border-radius:5px;margin-bottom:20px}.social{text-decoration:none;color:#000}.social:hover{border-bottom:1px black solid;cursor:pointer}.projLink{font-family:Poppins;font-weight:500;text-decoration:none;color:#000}.projLink:hover{border-bottom:1px black solid;cursor:pointer}.bigBoxProject{background-color:#f5f5f5;color:#000;height:400px;width:400px;border-radius:8px;margin-bottom:20px}.projectBox{padding:0 15px 15px;display:flex;justify-content:space-between;flex-direction:column}.projectName{padding:5px;text-wrap:none;margin:0;white-space:nowrap;font-family:Poppins}.projDis{display:flex;flex-wrap:wrap;width:100%;gap:20px}.projButton{padding:10px;width:120px;margin-top:15px;font-size:.9rem;color:#191919;border:rgb(25,25,25) solid 2px;background:#c080ff;transition:.1s}.projButton:hover{cursor:pointer;color:#fff;border:rgb(25,25,25) solid 2px;background:#b366ff}#root{width:100%}.main{display:flex;flex-direction:row;width:100%;height:100vh}.nav{width:150px;height:100%;background-color:#050505;position:fixed;display:flex;flex-direction:column;align-items:center}.container{flex:1}.divider{width:100%;height:1px;background-color:#414141}.Link{color:#c7c7c7;text-align:center;text-decoration:none;padding:20px;font-size:1.2rem}.Link:hover,.LinkActive{color:#b366ff}.navName{font-family:Poppins;text-align:center;font-size:1.5rem;margin-top:0;margin-bottom:10px}.navImage{width:80%;margin-bottom:10px}html,body{margin:0;height:100%;font-family:Space Mono;color:#fff;background-color:#0f0f0f}body{display:flex;image-rendering:pixelated;background-size:256px}span{color:#b366ff}img{-webkit-user-drag:none}.site{display:flex;flex-direction:column;margin-left:100px;margin-right:100px;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out forwards}.header{border-left:10px rgb(179,102,255) solid;padding-left:20px;margin-top:80px;margin-bottom:30px;font-family:Poppins;font-size:3rem}@keyframes fadeInUp{to{opacity:1;transform:translate(0)}}.row{display:flex;flex-direction:row}.smallLine{border-top:2px rgb(179,102,255) solid;width:10%;height:0px;margin-left:10px;margin-right:10px}.bigLine{border-top:2px rgb(179,102,255) solid;width:100%;margin-left:10px;margin-right:10px}.box{background-color:#f5f5f5;color:#000;padding:15px;max-width:50%;border-radius:5px}.aboutBox{background-color:#f5f5f5;color:#000;width:400px;height:200px;border-radius:5px}.aboutText{padding:0 30px 30px}.aboutHeader{margin:10px;font-size:250%;white-space:nowrap}.aboutRow{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin-bottom:20px}