body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{padding:0}p{margin:0}body{background:linear-gradient(270deg,#1f1d1d,#ddefbb);font-size:1rem}.nav-menu div{padding:5px}.nav-menu div:after{background-image:linear-gradient(-90deg,#020024,#090979 35%,#00d4ff);content:"";display:block;height:2px;transition:width .4s;width:0}.nav-menu div:hover:after{width:100%}.nav{display:none!important}.toggle{display:none}@media screen and (max-width:900px){.toggle{display:block}.menu{display:none!important}.nav{display:flex!important}.nav span{margin-top:5px}h1{font-size:30px!important}.project-list{flex-direction:column!important;margin:auto!important;width:80%}.w100{width:100%!important}}.nav-menu{animation-duration:1s;animation-fill-mode:both;animation-name:fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.wrapper{background-color:#000;padding:10px;text-align:center}.wrapper a{color:#00d4ff;display:inline-block;font-size:1.2rem;font-weight:700;overflow:hidden;padding:15px 30px;position:relative;transition:.5s}.wrapper a:hover{background-color:#00d4ff;box-shadow:0 0 5px #00d4ff,0 0 5px #00d4ff,0 0 10px #00d4ff,0 0 15px #00d4ff;color:#000}a span{display:block;position:absolute}a span:first-child{animation:animate1 1s infinite;background:linear-gradient(90deg,#0000,#00d4ff);height:2px;left:0;top:0;width:100%}@keyframes animate1{0%{left:-100%}to{left:100%}}a span:nth-child(2){animation:animate2 1s infinite;animation-delay:.5s;background:linear-gradient(180deg,#0000,#00d4ff);height:100%;right:0;top:-100%;width:2px}@keyframes animate2{0%{top:-100%}to{top:100%}}a span:nth-child(3){animation:animate3 1s infinite;background:linear-gradient(270deg,#0000,#00d4ff);bottom:0;height:2px;right:0;width:100%}@keyframes animate3{0%{right:-100%}to{right:100%}}a span:nth-child(4){animation:animate4 1s infinite;animation-delay:.5s;background:linear-gradient(0deg,#0000,#00d4ff);bottom:-100%;height:100%;left:0;width:2px}@keyframes animate4{0%{bottom:-100%}to{bottom:100%}}ul li{transition:color .2s ease}ul li:hover{background:linear-gradient(-90deg,#0000,#020024,#090979 35%,#00d4ff)!important;color:#fff!important}.dr{animation-delay:1s;animation-duration:2s;animation-fill-mode:both;animation-name:fadeIn;transition:4s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;position:relative;transform:translateY(100px);transition:all 2s ease}.reveal.active{opacity:1;transform:translateY(0)}.zoom :hover{transform:scale(1.05);transition:transform .5s ease-in-out}.skills div:hover{background:#0057a7;color:#fff;transition:all .2s ease-in-out}
/*# sourceMappingURL=main.ad920836.css.map*/