nav{margin-top:-27px}#menuToggle{display:block;position:relative;top:70px;left:50px;z-index:1;-webkit-user-select:none;user-select:none}#menuToggle a{text-decoration:none;color:#232323;transition:color .3s ease}#menuToggle a:hover{color:var(--accent-color)}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:var(--secondary-color);border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle span:first-child{transform-origin:0% 0%}#menuToggle span:nth-last-child(2){transform-origin:0% 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#232323}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}#menu{position:absolute;width:300px;margin:-100px 0 0 -50px;padding:125px 50px 50px;height:102vh;background:#ededed;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-100%);transition:transform .5s cubic-bezier(.77,.2,.05,1)}#menu li{padding:10px 0;font-size:22px}#menuToggle input:checked~ul{transform:none}.banner{text-align:left;height:100vh;width:100vw;background-color:var(--main-color);padding:10%}.intro p{margin-left:10px;padding:0;font-size:1.5em;font-weight:700;color:var(--secondary-color)}.intro span,.intro .btn,.intro .secondary-text{color:var(--secondary-color)}.intro .heading{margin:0;padding:0;font-size:4em;color:var(--secondary-color)}#contact{background-color:var(--main-color)}.info-text{padding-right:2%}.info-text h2{max-width:600px;width:100vw;font-size:3em;color:var(--secondary-color)}.info-text .mdi-arrow-right{font-size:1.5em;color:var(--secondary-color)}.info-text p{color:var(--secondary-color);font-weight:700;font-size:1.2em}.form .text-field{height:55px;background-color:#d3d3d3}.form .v-textarea{background-color:#d3d3d3}.form .btn{font-weight:700;border-width:3px}#footer{background-color:var(--main-color)}.social-icons{display:block;text-align:left;padding:auto}.icon{vertical-align:middle;margin:auto;padding:auto}.up{height:44px;margin:-18px auto auto}.copyright{margin-top:5px;font-size:16px;color:var(--secondary-color);font-family:var(--primary-font);font-weight:700;text-align:left}.credit{padding-block:10px;color:var(--secondary-color);font-weight:medium}#services{padding:auto;margin:auto;height:auto;background-color:#fff}#services #title{text-transform:uppercase;font-weight:700;color:var(--accent-color);font-size:2.5rem}#services .services-skills{margin:0 auto}#services .main-stack{margin:100px auto}#services .main-stack .v-row{justify-content:center}#services .main-stack img{width:300px;transition:.3s ease-in-out}#services .main-stack img:hover{width:325px}@media screen and (min-width: 300px){#services{padding:10%}#services #title{width:100vw}}@media screen and (min-width: 900px){#services{padding-block:10%;padding-left:15%}}#services .service-names{margin-inline:0px}#services .service-names p{font-size:3em;color:var(--main-color);transition:font-size .3s ease-in-out}#services .service-names p:hover{color:var(--accent-color);font-weight:medium}#about{padding-left:10%;margin-bottom:150px}#about h1{text-transform:uppercase;font-weight:700;color:var(--accent-color);padding-top:15px}#about p{padding-block:10px;padding-right:10px;font-weight:400;color:var(--main-color);font-size:1.3em}.v-img{border-radius:50px}