footer h1,nav{font-weight:600}.heading>a,.icons>a,.see-live{display:inline-block;text-decoration:none}.heading>a,.icons>a,.see-live,a{text-decoration:none}.fab,.heading,body,html{background:#010b0a}.copyright,.see-live,footer,section#portfolio{text-align:center}#myBtn,nav{position:fixed}nav,svg{left:0;top:0}*,::after,::before{box-sizing:inherit}body,html{height:100%;font-family:sans-serif}html{scroll-behavior:smooth}nav{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:2px;width:100%;box-sizing:border-box;padding:5px 10px;background:#f4f7ff;box-shadow:2px 2px 12px rgba(0,0,0,.5);z-index:1}.heading,footer{flex-direction:column}ul{list-style:none}section#portfolio{width:80%;height:90%;margin:100px auto}.primary{color:#0ee4cc}#myBtn:hover,.secondary{color:#fff}section#portfolio h2{font-size:3.3rem}.secondary{border-bottom:1px solid #d3d3d3;padding-bottom:50px}.works{width:90%;margin:100px auto}.projects{border:1px solid #000;width:100%}.projects p{color:#fff;line-height:25px}.projects h3{color:#0ee4cc;margin:50px 50px 20px;font-size:1.9rem}.projects>img{width:90%;max-width:700px}.see-live{margin:20px 20px 65px;background-color:#010b0a;transition:none;border:3px solid #0ee4cc;color:#0ee4cc;padding:10px 32px;font-size:1.2rem;cursor:pointer;border-radius:10px}.heading,.menu,footer{display:flex}.navLogo,nav>img{width:190px}.icons,.image-client>img,.mr3,footer{width:100%}.menu li a{padding:10px 15px;color:#010b0a;font-size:12px}.menu li a.active,.menu li a:hover{background:#0ee4cc;color:#f4f7ff!important;font-weight:700;transition:.4s}.logo{font-size:25px;font-weight:700;color:#292929;font-family:Poppins}footer{justify-content:center;justify-content:flex-end;bottom:0;left:0;margin-top:100px}footer h1{border-bottom:1px solid #0ee4cc;color:#0ee4cc;max-width:350px;margin:auto auto 15px;padding-bottom:10px;font-size:33px}.heading>a,.icons>a{color:#0ee4cc;background:#010b0a;padding:8px}.icons>a:nth-child(2){padding:5px}a>i#link{padding:40px}.icons{flex-direction:column;flex-wrap:wrap;display:block;display:flex;flex-direction:row;align-items:center;justify-content:center}.copyright{margin-bottom:10px;margin-left:auto;margin-right:auto;color:#0ee4cc;padding-top:5px;display:flex;white-space:nowrap}#link{padding:50px}#myBtn{display:none;bottom:20px;right:30px;z-index:99;font-size:18px;border:none;outline:0;background-color:#0ee4cc;color:#010b0a;cursor:pointer;padding:15px;border-radius:10px}.home{display:flex;justify-content:flex-start}.button,.home-button{background-color:#010b0a;transition:none;color:#0ee4cc;text-align:center;text-decoration:none;display:inline-block;font-size:1.2rem;cursor:pointer}.home-button{margin:20px;border:3px solid #0ee4cc;padding:10px 32px;border-radius:10px}.home-button a{text-decoration:none;color:#0ee4cc;cursor:pointer}.button{border:2px solid #0ee4cc;padding:15px 32px;margin:4px 2px;border-radius:10px}.btn,.btn:hover,svg{transition:1s ease-in-out}.center{margin-bottom:100px}.btn{width:180px;height:60px;cursor:pointer;background:0 0;border:1px solid #0ee4cc;outline:0;border-radius:3px}svg{position:absolute;fill:none;stroke:#fff;stroke-dasharray:150 480;stroke-dashoffset:150}.btn:hover{background:#0ee4cc}.btn:hover svg{stroke-dashoffset:-480}.btn span{color:#fff;font-size:18px;font-weight:100}.video-description{line-height:20px}.image-client{width:90%;margin:0 auto}@media(max-width:900px){.toggle{display:block}.toggle::before{content:'\f0c9';font-family:fontAwesome;line-height:0;margin-left:-35px}.toggle.active::before{content:'\f00d'}nav{padding:10px}nav ul{position:absolute;width:100%;height:auto;box-sizing:border-box;background:#f4f7ff;top:50px;left:0;transition:.5s;overflow:hidden;border:3px solid #f4f7ff;display:none!important;margin:0;padding:0}nav ul li a{border-bottom:1px solid rgba(255,255,255,.1);width:100%;height:50px;display:flex;justify-content:center;align-items:center;margin:0!important;padding:0!important;color:#010b0a}.active-menu{display:block!important}}@media only screen and (max-width:1245px){html body{font-family:"Titillium Web",sans-serif}}*{-webkit-animation:2s fadein;-moz-animation:2s fadein;-ms-animation:fadein 2s;-o-animation:2s fadein;animation:2s fadein}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-ms-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}