.nav{display:inline;color:#fff}nav{display:flex;align-items:center;width:100%;height:10%;padding:2% 4%}.nav-logo{width:20%;display:flex;justify-content:center;align-items:center}.logo{width:200px;height:100%;filter:drop-shadow(0px 0px 4px #6e00be)}.nav-button{width:60%;padding:0 10%;display:flex;justify-content:center;align-items:center}.links{width:33.33%;display:flex;justify-content:center;align-items:center;font-size:20px}.nav-hire-me{width:20%;height:50%;display:flex;justify-content:center;align-items:center}.links a{color:#fff;text-decoration:none;align-items:center;font-weight:bold;transition:color .3s ease}.links a:hover{color:#6e00be;font-weight:bolder;transform:scale(1.2);transition:all .2s ease}.btn{border:none;font-weight:bold;color:#000;background-color:#6e00be;border-radius:12px;cursor:pointer;transition:all .5s ease;padding:15px 10px;font-size:20px;filter:drop-shadow(0px 0px 4px #6e00be)}.btn:hover{background-color:rgba(111,0,190,0);background-image:linear-gradient(45deg, hsl(275, 100%, 17%) 0%, hsl(275, 100%, 19%) 11%, hsl(275, 100%, 21%) 22%, hsl(275, 100%, 23%) 33%, hsl(275, 100%, 25%) 44%, hsl(275, 100%, 28%) 56%, hsl(275, 100%, 30%) 67%, hsl(275, 100%, 32%) 78%, hsl(275, 100%, 35%) 89%, hsl(275, 100%, 37%) 100%);color:#fff;transition:.3s}.btn:hover a{color:#fff;transition:.3s;transform:translate(1px, 1px)}nav.hm{position:fixed;background-color:#6e00be;color:#fff;padding:5px;width:100%;display:flex;flex-wrap:nowrap;z-index:900}nav.hm .logo{margin:0 70px 0 40px}nav.hm ul{list-style:none;padding:0;margin:0}nav.hm li{list-style:none;display:inline;margin:0 40px 0 0}nav.hm a{color:#fff;text-decoration:none}nav.hm a:hover{font-weight:bold}nav.hm #control{opacity:0}nav{display:none}nav.hm{display:none}@media screen and (min-width: 768px){nav{display:flex}}@media screen and (max-width: 1024px){.nav-button{width:60%}}@media screen and (max-width: 768px){nav{display:none}nav.hm{display:block;margin-top:0;margin-bottom:10%;height:40px;top:0}nav.hm img.logo{top:0;width:100px;height:30px}nav.hm .label-control{position:fixed;top:18px;left:20px;width:26px;height:26px;cursor:pointer;z-index:1}nav.hm .label-control>span,nav.hm .label-control>span::before,nav.hm .label-control>span::after{position:absolute;width:20px;height:2px;background-color:#eee;transition-duration:.25s}nav.hm .label-control>span::before{content:"";top:-8px}nav.hm .label-control>span::after{content:"";top:8px}nav.hm #menu{display:block;position:fixed;top:0;left:-100%;width:90%;height:100%;padding:80px 0;background-color:#6e00be;box-shadow:2px 2px 6px #000;transition-duration:.25s}nav.hm .menuvoices{display:block;padding:12px 24px;color:#fff;font-size:1.5rem;font-weight:600;transition-duration:.25s}nav.hm .menuvoices:hover{background-color:#48007c;color:#000}#control:checked+.label-control>span{transform:rotate(45deg)}#control:checked+.label-control>span::before{top:0;transform:rotate(0deg)}#control:checked+.label-control>span::after{top:0;transform:rotate(90deg)}#control:checked~#menu{left:0 !important}main{margin-top:10%}}@media screen and (max-width: 480px){main{margin-top:15%}main p{max-width:310px}}@media screen and (max-width: 400px){main{margin-top:17%;font-size:12px;text-align:center}main p{max-width:250px}}