*{margin:0;overflow-x:hidden;padding:0}header,main{height:100vh;width:100%}footer,main{height:100%;width:100%}footer,header{background-color:#000;color:#fff}footer .contact{width:25%}footer .contact-table{width:50%}main{background-color:#fff;color:#000}.header{margin:14px}.name{font-family:League Gothic;font-size:96px}.name,.role{color:#fff;font-style:normal;font-weight:400;line-height:normal;text-align:center}.role{font-family:League Spartan;font-size:32px;letter-spacing:11.52px}.menu{cursor:pointer}.menu-items{background-color:#000;box-shadow:0 0 3px 0 #fff;color:#fff;height:140px;margin-bottom:2px;margin-right:16px;margin-top:2px;position:absolute;right:0;width:120px;z-index:10}.cancel-button{cursor:pointer}.main{.heading{color:#000;font-family:League Spartan;font-size:32px;font-style:normal;font-weight:700;line-height:normal}}button{background-color:#000;border:thin;color:#fff;flex-shrink:0;height:60px;transition:background-color 1s;width:240px}button:hover{background-color:#fff;border:1px solid #000;color:#000}.typewriter-text{animation:typing 4.5s steps(100) infinite,blinkCursor 1s infinite alternate,changeText 13.5s steps(50) infinite;border-right:.1em solid #fff;letter-spacing:.1em;margin:0 auto;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}25%{width:280px}50%{width:280px}to{width:0}}@keyframes blinkCursor{0%{border-color:#000}50%{border-color:#fff}to{border-color:#000}}@keyframes changeText{0%,25%{content:"Hello, world!";white-space:nowrap}50%,75%{content:"This is a blinking cursor.";white-space:nowrap}to{content:"Feel free to customize as needed!";white-space:normal}}.custome-width{width:50%}a{color:#fff;position:relative;text-decoration:none}a:after{background-color:#fff;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .2s ease-in-out;width:100%}a:hover:after{transform:scaleX(1);transform-origin:bottom left}.container{align-items:center;display:flex;height:100vh;justify-content:center;position:relative}.rotate{overflow:hidden;position:absolute;transform:scale(1) rotate(0deg);transform-origin:center;transition:transform .3s cubic-bezier(.68,-.55,.27,1.55)}.rotate:hover{animation:pulse 1s ease-in-out infinite,spin 1s cubic-bezier(.68,-.55,.27,1.55) infinite}@keyframes spin{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#follower{background-color:#fff;border-radius:50%;height:20px;position:absolute;width:20px}.skills{align-items:center;display:flex;margin:10px}.skills>img{width:28px}.desc{color:#000;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:normal}li{margin:8px 0}.connect-link{margin:0 8px}.connect-link:hover{background-color:#000!important;border:none!important;color:#fff!important;cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:none}::-webkit-scrollbar-thumb{background:hsla(0,0%,39%,.925);border-radius:18px}::-webkit-scrollbar-thumb:hover{background:none}@media screen and (max-width:750px){.custome-width{width:90%}footer{height:40vh}.contact-table,footer .contact{width:100%}}
/*# sourceMappingURL=main.c6ccf01d.css.map*/