.header{display:block;max-width:90%;padding:20px 10px;margin:0 auto}.header ul{margin:0;padding:0;list-style:none;overflow:hidden}.grey-color{color:#868e96}.header li a{display:block;padding:20px;text-decoration:none}.header .logo{display:block;float:left;font-size:1.5em;text-decoration:none;margin-top:10px;line-height:normal}.header .logo-name{font-family:Imperial Script,cursive;font-size:36px;font-weight:700;padding:0 10px;color:#136ded}.menu{font-family:Google Sans Regular}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;-webkit-user-select:none;user-select:none}.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon:before,.header .menu-icon .navicon:after{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:370px}.header .menu-btn:checked~.menu-icon .navicon{background:transparent}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after{top:0}@media (min-width: 48em){.header li{float:left}.header{display:flex;align-items:center;justify-content:space-between}.header .menu{max-height:none}.header .menu-icon{display:none}}@media (max-width: 960px) and (min-width: 768px){.header{font-size:12px}}.main-button{background-color:#55198b;border:solid 1px #55198b;color:#fff;font-weight:500;line-height:1.1;width:max-content;padding:13px 22px;margin-right:0;border-radius:6px;text-align:center;text-decoration:none;font-family:Google Sans Regular;display:block;margin-top:20px;font-size:18px;cursor:pointer;letter-spacing:2px}.main-button:hover{transition:ease-in .3s}.project-button{display:flex;justify-content:center;margin-top:20px}@media (max-width: 768px){.main-button{font-size:15px;padding:12px 18px;margin-right:0}}@media (max-width: 320px){.main-button{font-size:12px}}.greet-main{width:90%;padding:20px 10px;margin:0 auto;margin-top:2rem}.gretting-main{width:90%;padding:20px 10px;margin:0 auto}.greeting-main{display:flex}.greeting-main>*{flex:1;margin-bottom:30px}.button-greeting-div{display:flex;margin-top:20px}.greeting-text{color:#6f23b6;margin-top:80px;font-size:70px;line-height:1.1;font-family:Google Sans Bold}.greeting-nickname{font-size:30px;line-height:0px;font-family:Google Sans Bold Italic}.greeting-text-p{font-size:40px;line-height:44px;margin-right:40px;font-family:Google Sans Medium}.greeting-image-div>*{max-width:100%;height:auto}@media (max-width: 1380px){.greeting-text{font-size:50px}.greeting-text-p{font-size:20px}}@media (max-width: 768px){.button-greeting-div{justify-content:space-around}.greeting-text{font-size:30px;margin-top:0;text-align:center}.greeting-nickname{font-size:25px;text-align:center}.greeting-text-p{font-size:16px;margin-right:0;line-height:normal;text-align:center}.greeting-main{display:block}.portfolio-repo-btn-div{width:100%;display:flex;justify-content:center}}.dev-icons{padding-left:0;list-style:none;font-size:3rem;margin-bottom:0;margin-top:0}.software-skill-inline{display:inline-block;margin-right:20px;//margin-bottom: 20px;font-family:Google Sans Regular}.software-skill-inline>i{color:#868e96}.software-skill-inline>i:hover{color:#645beb}.skill-image{height:48px}.skills-main-div{display:flex;overflow:hidden;align-items:center;padding-top:30px}.skills-header{font-size:60px;line-height:normal;font-family:Google Sans Regular;text-transform:uppercase;text-align:center}.skill-container{padding:4rem}.skills-text{font-size:20px;margin-bottom:10px}.skills-text-div{//margin-left: 50px;font-family:Google Sans Regular}.skills-main-div>*{flex:1;margin-bottom:30px}.skills-image-div>*{max-width:100%;height:auto;//margin-top: 100px}.skills-image-div>img{text-align:center}.skills-heading{margin-bottom:2rem;font-size:56px;font-weight:400;font-family:Google Sans Regular;line-height:normal}@media (max-width: 1380px){.skills-heading{font-size:40px}.skills-header{font-size:50px}}@media (max-width: 768px){.skills-heading{font-size:30px;text-align:center}.skills-header{font-size:30px}.greeting-text-p{font-size:16px;line-height:normal}.skills-main-div{flex-direction:column}.skills-text-div{margin:20px}.skills-text{font-size:16px}.skills-text-subtitle{font-size:16px;text-align:center}.skills-image-div{order:2}.skills-image-div>*{margin-top:0}}