@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700&family=Open+Sans:wght@300;400;500&display=swap);nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.btn-login{background-color:var(--primary-color);border:none;color:var(--white)}.btn-login:hover{background-color:#616060}.btn-register{background:transparent;border:2px solid var(--primary-color)}.btn-register:hover{background:var(--primary-color);color:var(--white)}.social-media-wrapper{position:fixed;right:5%}.sm{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#d4d4d4;cursor:pointer;transition:all .3s ease-in-out}.sm:hover{background:#fff}.sm:first-child:hover .sm-link i{color:var(--instagram-color)}.sm:nth-child(2):hover .sm-link i{color:var(--github-color)}.sm:nth-child(3):hover .sm-link i{color:var(--twitter-color)}.sm .sm-link i{font-size:2rem;color:var(--primary-color);width:100%;height:100%;transition:all .3s ease-in-out}@media screen and (max-width:868px){.social-media-wrapper{width:100%;bottom:5%;right:0;left:5%;display:flex;align-items:center}.sm,.sm:hover{background:transparent}.sm:first-child .sm-link i{color:var(--instagram-color)}.sm:nth-child(2) .sm-link i{color:var(--github-color)}.sm:nth-child(3) .sm-link i{color:var(--twitter-color)}}.home{padding:2rem 7rem;background:var(--bg-color);position:relative}.logo img{width:300px}@media screen and (max-width:868px){.home{padding:2rem 1rem}.logo{width:100%}.logo img{width:70%}}:root{--white:#fff;--text-color:#1e1e1e;--text-color-hover:#555;--bg-color:linear-gradient(90deg,#d4d4d4,#9d9898);--primary-color:#4b4949;--nav-glassbg:hsla(0,0%,100%,.35);--nav-glassborder:1px solid hsla(0,0%,100%,.18);--nav-glassboxshadow:0 8px 32px 0 rgba(31,38,135,.37);--darker-primary-color:#353535;--instagram-color:#f51963;--twitter-color:#1da1f2;--github-color:#24292e;--first-font:"Nunito Sans",sans-serif;--second-font:"Open Sans",sans-serif}*{margin:0;padding:0;box-sizing:border-box;color:var(--text-color);font-family:var(--first-font)}.ccontainer{width:100%;height:100%;min-height:100vh;background-color:var(--bg-color)}.action-btn{padding:.3rem 2rem;border-radius:3px;transition:all .2s ease-in-out}.action-btn,.sbtn{outline:none;cursor:pointer}.sbtn{border:none;padding:.3rem 1rem;border-radius:5px;background:var(--primary-color);color:#fff;font-size:.838rem;transition:.3s ease}.sbtn:hover{background-color:var(--darker-primary-color)}.form-container{display:grid;place-items:center}.inp{width:100%;border:2px solid var(--primary-color);outline:none;background:transparent;padding:.3rem 1rem}.form{width:50%;margin:auto}@media screen and (max-width:868px){.form{width:90%}}.form-title{font-weight:600;margin-bottom:1rem;font-style:italic}.footer-form a{color:var(--text-color)}.footer-form a:hover{color:var(--text-color-hover)}