:root{--base-size:1rem;--type-scale:1.25;--small:calc(var(--base-size)*var(--type-scale));--big:calc(var(--small)*var(--type-scale));--bigger:calc(var(--big)*var(--type-scale));--biggest:calc(var(--bigger)*var(--type-scale));--smaller:calc(var(--base-size)/var(--type-scale));--accent-color:#64ffda;--btnhover-color:rgba(74,223,188,0.91765);--secondary-color:#0a192f;--light-gray:#ccd6f6;--dark-gray:#8892b0;--black:#1c1c1c}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}body{background-color:#0a192f;background-color:var(--secondary-color);font-family:Roboto,sans-serif}header li{list-style:none;text-transform:capitalize}header a{color:#ccd6f6;color:var(--light-gray);font-family:Roboto,sans-serif;text-decoration:none;display:block}.desktop-menu{display:none}.mobile-menu{position:fixed;top:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1.5rem;z-index:1;background:#0a192f;background:var(--secondary-color);-webkit-box-shadow:0 4px 8px rgba(204,214,246,.25);box-shadow:0 4px 8px rgba(204,214,246,.25)}.mobile-menu .mobile-nav{position:absolute;top:120%;width:250px;display:none;padding:1rem 0 1rem 2rem;background-color:#0e1c31;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.mobile-menu .mobile-nav li{margin-bottom:.5rem}.mobile-menu .mobile-nav li a{font-size:1rem;padding:.4rem 5rem .4rem 0}.mobile-menu .mobile-nav .links{padding:0 1rem}.mobile-menu .mobile-nav .social_link{font-size:1.25rem;font-size:var(--small);color:#0a192f;color:var(--secondary-color);background:#ccd6f6;background:var(--light-gray);border-radius:50%;padding:.3rem;margin-bottom:1.3rem}.mobile-menu .showMobileNav{position:absolute;top:100%;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:2rem 1rem .5rem 2rem;background-color:#0f1d31;-webkit-box-shadow:-3px 17px 13px 4px #0f1a2b;box-shadow:-3px 17px 13px 4px #0f1a2b}.mobile-menu button{border:none}.mobile-menu .menu_btn_con{cursor:pointer}.mobile-menu .menu_btn{background-color:#0a192f;background-color:var(--secondary-color);width:30px;height:17px;position:relative;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}.mobile-menu .menu_btn,.mobile-menu .menu_btn span{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.mobile-menu .menu_btn span{background-color:#64ffda;background-color:var(--accent-color);display:block;position:absolute;left:0;height:3px;width:100%;border-radius:9px;opacity:1;-webkit-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.mobile-menu .menu_btn span:first-child{top:0}.mobile-menu .menu_btn span:nth-child(2),.mobile-menu .menu_btn span:nth-child(3){top:8px}.mobile-menu .menu_btn span:nth-child(4){top:17px}.mobile-menu .menu_btn.open span:first-child{top:18px;width:0;left:50%}.mobile-menu .menu_btn.open span:nth-child(2){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mobile-menu .menu_btn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mobile-menu .menu_btn.open span:nth-child(4){top:18px;width:0;left:50%}@media screen and (min-width:768px){:root{--type-scale:1.4}.mobile-menu,.mobile-menu .close-menu,.mobile-menu .open-menu{display:none}.desktop-menu{width:100%;position:fixed;top:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 3rem 0;background:#0a192f;background:var(--secondary-color);-webkit-box-shadow:0 4px 8px rgba(204,214,246,.25);box-shadow:0 4px 8px rgba(204,214,246,.25);z-index:1}.desktop-menu,.desktop-menu .desktop-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex}.desktop-menu .desktop-nav ul li{margin-left:2rem;position:relative}.desktop-menu .desktop-nav ul li a{font-size:1.1rem;line-height:1.438rem;padding:0 .3em}.desktop-menu .desktop-nav ul li a:focus,.desktop-menu .desktop-nav ul li a:hover{border-bottom:2px solid #64ffda;border-bottom:2px solid var(--accent-color)}}@media screen and (min-width:1025px) and (max-width:1372px){.desktop-menu{padding:1rem 6rem 0}}@media screen and (min-width:1372px){:root{--type-scale:1.5}.desktop-menu{padding:1rem 8rem 0}}.hero{padding:16rem 1.5rem 9rem;text-align:center}.hero__heading{font-size:1.95313rem;font-size:var(--bigger)}.hero__heading,.hero__subheading{color:#64ffda;color:var(--accent-color);margin-bottom:2rem}.hero__subheading{margin-top:.4rem}.hero__subheading,.hero__welcome{font-size:1.25rem;font-size:var(--small)}.hero__welcome{color:#ccd6f6;color:var(--light-gray);margin-bottom:2rem;position:relative}.hero__welcome--img{position:absolute;bottom:-1px;width:35px;margin-bottom:-.5rem}.hero__description{color:#ccd6f6;color:var(--light-gray);font-size:1rem;font-size:var(--base-size);margin:2rem 0}.hero__cta{background-color:#64ffda;background-color:var(--accent-color);color:#0a192f;color:var(--secondary-color);text-decoration:none;font-weight:500;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem 1.2rem;border-radius:5px;display:inline-block}.hero__cta:hover{background-color:rgba(74,223,188,.91765);background-color:var(--btnhover-color);border:dotted #0a192f;border:dotted var(--secondary-color);padding:.3rem 1rem}.hero__img{display:none}@media screen and (min-width:768px){:root{--type-scale:1.4}.hero{padding:12rem 2rem 0}.hero__description{font-size:1rem;font-size:var(--base-size)}}@media screen and (min-width:769px){.hero{padding:11rem 4rem 0;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero__intro{width:50%;padding-right:2rem}.hero__img{width:50%;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero__img img{width:300px}}@media screen and (min-width:900px){:root{--type-scale:1.414}.hero__img img{width:400px}}@media screen and (min-width:1025px) and (max-width:1372px){.hero{padding:12rem 6rem 0}.hero__welcome{font-size:1.5625rem;font-size:var(--big)}.hero__welcome--img{width:45px}.hero__heading{font-size:2.44141rem;font-size:var(--biggest)}.hero__subheading{font-size:1.25rem;font-size:var(--small)}}@media screen and (min-width:1372px){:root{--type-scale:1.5}:root .hero{padding:12rem 9rem 0}:root .hero__heading{font-size:1.95313rem;font-size:var(--bigger)}:root .hero__subheading,:root .hero__welcome{font-size:1.5625rem;font-size:var(--big)}:root .hero__welcome--img{bottom:-6px;width:55px}:root .hero__description{font-size:1.25rem;font-size:var(--small)}:root .hero__img{display:block}:root .hero__img img{width:550px}}.about{margin:6rem 1.2rem}.about___article{margin-bottom:4rem}.about__img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about__img img{width:250px}.about__heading{margin:3rem 0 1.5rem;text-align:center}.about__heading--text{color:#8892b0;color:var(--dark-gray);display:inline;font-size:1.5625rem;font-size:var(--big);text-align:left}.about__heading span{width:75px;height:5px;background:#ccd6f6;display:inline-block;margin:0 1rem .5rem}.about__text{line-height:1.5;color:#ccd6f6;color:var(--light-gray);margin-bottom:1.3rem}@media screen and (min-width:768px){:root{--type-scale:1.4}.about{margin:6rem 1.2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.about,.about>div{display:-webkit-box;display:-ms-flexbox;display:flex}.about>div{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;grid-gap:2rem;gap:2rem}.about___article{margin-bottom:4rem}.about__heading,.about__text{text-align:left}.about__img img{width:370px}}@media screen and (min-width:1024px){.about__img img{width:450px}.about>div{width:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:5rem;gap:5rem}}@media screen and (min-width:1800px){.about__text{font-size:1.25rem;font-size:var(--small)}}@media screen and (min-width:1372px){:root{--type-scale:1.5}.about>div{width:80%;grid-gap:2rem;gap:2rem}.about__img{width:520px}.about .about_text>p{font-size:1rem;font-size:var(--base-size)}}.blog{margin:7rem 1rem 4rem}.blog__heading{margin:3rem 0 1.5rem;text-align:center}.blog__heading h2{color:#8892b0;color:var(--dark-gray);display:inline;font-size:1.5625rem;font-size:var(--big)}.blog__heading span{width:75px;border-bottom:1px solid #ccd6f6;display:inline-block;margin:0 1rem .5rem}.blog__item{margin:7rem 0 4rem}.blog__item_description{padding:1.2rem .8rem}.blog__item_description h2{color:#8892b0;color:var(--dark-gray);margin-bottom:.6rem;font-size:1.5625rem;font-size:var(--big)}.blog__item_description h2 a{color:#8892b0;color:var(--dark-gray);text-decoration:none}.blog__item_description h2 a:hover{text-decoration:underline}.blog__item_description p{color:#ccd6f6;color:var(--light-gray);font-size:.8rem;font-size:var(--smaller)}.blog__item_description p svg{margin-right:.2rem}.blog__item_description span{width:105px;border-bottom:4px solid #64ffda;border-bottom:4px solid var(--accent-color);display:inline-block;margin:.8rem 0}.blog__item_description .dot{background-color:#8892b0;background-color:var(--dark-gray);font-weight:700;width:5px;height:5px;border-radius:100%;border:none;margin:0 .4rem .2rem}.blog__item_img_div{position:relative;width:250px}.blog__item_img_div .img_overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;color:#fff;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}.blog__item_img_div:hover .img_overlay{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.6);color:#f1f1f1}.blog__item_img_div .img_overlay_one{margin:0 1rem}.blog__item_img_div .img_overlay_two{margin:0 0 0 1rem}.blog__item_img_div a{text-decoration:none}.blog__item_img_div a svg{margin-right:.3rem}.blog__item_img_one{background:url(https://res.cloudinary.com/freakingspicy/image/upload/v1663934928/portfolio%20imasges/SVG-Blog-Image_jehhzl.jpg),#0a192f;background-size:cover;position:relative}.blog__item_img_one,.blog__item_img_two{width:100%;height:219px;margin:0 1rem;-webkit-box-shadow:0 6px 6px rgba(204,214,246,.25);box-shadow:0 6px 6px rgba(204,214,246,.25);border-radius:5px}.blog__item_img_two{background:url(https://res.cloudinary.com/freakingspicy/image/upload/v1663935733/portfolio%20imasges/tailwindcss_s4x3sl.jpg);background-size:cover;background-position:50%}.blog__item_img_three{background:url(https://res.cloudinary.com/freakingspicy/image/upload/v1662585463/portfolio%20imasges/blog-three-img_qssddx.svg);height:219px;background-size:cover;margin:1rem}@media screen and (min-width:425px){.blog__item_img_div{position:relative;width:70%}}@media screen and (min-width:768px){:root{--type-scale:1.4}.blog__wrapper{margin:0 6rem}.blog__item_description{padding:1.5rem .8rem}.blog__item_description p{font-size:1rem;font-size:var(--base-size)}}@media screen and (min-width:900px){:root{--type-scale:1.414}.blog{margin:7rem 1rem 4rem}.blog__wrapper{display:grid;grid-template-columns:1fr 1fr}.blog__item_img_div{position:relative;width:350px}.blog__item_description{width:385px}}@media screen and (min-width:1025px){.blog{margin:7rem 8rem 4rem}}@media screen and (min-width:1372px){:root{--type-scale:1.5}.blog{margin:7rem 8rem 4rem}}.contact{position:relative;padding:1.3rem 1rem 4rem;text-align:center;margin-bottom:3rem}.contact__text{color:#ccd6f6;color:var(--light-gray);font-size:.8rem;font-size:var(--smaller);margin-bottom:2rem}.contact__heading{margin:3rem 0 1.5rem;text-align:center}.contact__heading h2{color:#8892b0;color:var(--dark-gray);display:inline;font-size:1.5625rem;font-size:var(--big)}.contact__heading span{width:75px;border-bottom:1px solid #ccd6f6;display:inline-block;margin:0 1rem .5rem}.contact__uptriangle_shape_mobile{position:absolute;top:67%;right:3px}.contact__uptriangle_shape_desktop{display:none}.contact form{font-family:Roboto,sans-serif}.contact form input[type=email],.contact form input[type=text],.contact form textarea{border:1px solid hsla(0,0%,100%,.1);border-radius:5px;background:#0a192f;background:var(--secondary-color);padding:.8rem;color:#ccd6f6;color:var(--light-gray);width:100%;margin-bottom:.625rem;-webkit-transition:all .2s ease;-o-transition:.2s ease all;transition:all .2s ease;font-family:Roboto,sans-serif}.contact form input[type=email]:focus,.contact form input[type=text]:focus,.contact form textarea:focus{border:1px solid hsla(0,0%,100%,.253);outline:none}.contact form input::-webkit-input-placeholder,.contact textarea::-webkit-input-placeholder{color:#ccd6f6;color:var(--light-gray);font-weight:500;font-family:Roboto,sans-serif}.contact form input::-moz-placeholder,.contact textarea::-moz-placeholder{color:#ccd6f6;color:var(--light-gray);font-weight:500;font-family:Roboto,sans-serif}.contact form input:-ms-input-placeholder,.contact textarea:-ms-input-placeholder{color:#ccd6f6;color:var(--light-gray);font-weight:500;font-family:Roboto,sans-serif}.contact form input::-ms-input-placeholder,.contact textarea::-ms-input-placeholder{color:#ccd6f6;color:var(--light-gray);font-weight:500;font-family:Roboto,sans-serif}.contact form input::placeholder,.contact textarea::placeholder{color:#ccd6f6;color:var(--light-gray);font-weight:500;font-family:Roboto,sans-serif}.contact form input[type=submit]{background-color:#64ffda;background-color:var(--accent-color);border-radius:5px;padding:1.063rem 1.969rem;font-weight:700;cursor:pointer;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;margin-top:1rem;font-size:1.2rem}.contact form input[type=submit]:hover{background-color:rgba(74,223,188,.91765);background-color:var(--btnhover-color);border:dotted #0a192f;border:dotted var(--secondary-color);padding:1rem 1.9rem;opacity:.8}.contact form input[type=submit]:active{opacity:.4}@media screen and (min-width:768px){:root{--type-scale:1.4}.contact{padding:0 9.7rem 2.5rem}.contact__text{text-align:center;font-size:1rem;font-size:var(--base-size)}.contact__uptriangle_shape_mobile{display:none}.contact__uptriangle_shape_desktop{display:block;position:absolute;top:52%;right:2.5%}.contact form input[type=email],.contact form input[type=text],.contact form textarea{margin-bottom:1.2rem}.contact form input[type=submit]{padding:1.4rem 3rem}.contact form input[type=submit]:hover{background-color:rgba(74,223,188,.91765);background-color:var(--btnhover-color);border:dotted #0a192f;border:dotted var(--secondary-color);padding:1.33rem 2.95rem;opacity:.8}.contact form input[type=email],.contact form input[type=text]{height:70px}.contact form textarea{height:270px}}@media screen and (min-width:900px){:root{--type-scale:1.414}.form_flex_div{display:-webkit-box;display:-ms-flexbox;display:flex;grid-gap:2rem;gap:2rem}}@media screen and (min-width:1024px){.contact form input[type=email],.contact form input[type=text],.contact form textarea{font-size:1.2rem;font-size:calc(var(--base-size)*1.2);padding-left:1.25rem}.contact form textarea{padding-top:2.5rem}.contact form input[type=submit]{padding:1.656rem 3.938rem}.contact form input[type=submit]:hover{background-color:rgba(74,223,188,.91765);background-color:var(--btnhover-color);border:dotted #0a192f;border:dotted var(--secondary-color);padding:1.6rem 3.8rem;opacity:.8}}.project_con{text-align:center;margin:10rem 1rem;position:relative}.project_con__triangle_shape--mobile{position:absolute;top:17%;left:-9px}.project_con__triangle_shape--desktop{display:none}.project_con__heading{margin:3rem 0 1.5rem;text-align:center}.project_con__heading h2{color:#8892b0;color:var(--dark-gray);display:inline;font-size:1.5625rem;font-size:var(--big)}.project_con__heading span{width:75px;border-bottom:1px solid #ccd6f6;display:inline-block;margin:0 1rem .5rem}.project_con__text{color:#ccd6f6;color:var(--light-gray);margin-bottom:1rem;font-size:1rem;font-size:var(--base-size)}.project_con__projects{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:3.089rem 1rem 2.934rem}.project_con__projects .project{width:270px;height:150px;background:hsla(0,0%,100%,.1);border-radius:5px;margin-bottom:1.286rem}.project_con .github_link_con{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.project_con .github_link_con,.project_con__github_link{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project_con__github_link{text-decoration:none;text-align:center;background:#64ffda;background:var(--accent-color);color:#0a192f;color:var(--secondary-color);font-weight:500;letter-spacing:.001em;border-radius:5px;padding:1.063rem 1.219rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;grid-gap:.6rem;gap:.6rem}.project_con__github_link:hover{background-color:rgba(74,223,188,.91765);background-color:var(--btnhover-color);border:dotted #0a192f;border:dotted var(--secondary-color);padding:.9rem 1.2rem}@media screen and (min-width:768px){:root{--type-scale:1.4}.project_con{margin:0 2rem}.project_con__projects{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:3.089rem 1rem}.project_con__projects .project{width:330px;height:200px;margin-left:1.5rem}.project_con__github_link{margin-left:2rem;padding:1rem}.project_con__github_link:hover{background-color:rgba(74,223,188,.91765);background-color:var(--btnhover-color);border:dotted #0a192f;border:dotted var(--secondary-color);padding:.9rem 1.2rem}.project_con__triangle_shape--mobile{display:none}.project_con__triangle_shape--desktop{position:absolute;top:22%;left:0;display:block}}@media screen and (min-width:900px){:root{--type-scale:1.414}.project_con__github_link{font-size:1.2rem;font-size:calc(var(--base-size)*1.2);padding:1.5rem 2rem;letter-spacing:.0015em;margin-left:3.2rem}.project_con__github_link:hover{background-color:rgba(74,223,188,.91765);background-color:var(--btnhover-color);border:dotted #0a192f;border:dotted var(--secondary-color);padding:1.3rem 1.7rem}.project_con__projects{margin:3.089rem 1rem 5.351rem}.project_con__projects .project{width:330px;height:220px;margin-left:3rem}}@media screen and (min-width:1372px){:root{--type-scale:1.5}.project_con__text{font-size:1.25rem;font-size:var(--small)}}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#ccd6f6;color:var(--light-gray);font-size:1rem;font-size:var(--base-size);border-top:2px solid #515257;padding-top:2rem}.footer>div{margin-bottom:3rem}.footer__social_link{font-size:1.25rem;font-size:var(--small);color:#0a192f;color:var(--secondary-color);background:#ccd6f6;background:var(--light-gray);border-radius:50%;padding:.3rem;margin-right:.583rem}@media screen and (min-width:768px){:root{--type-scale:1.4}}@media screen and (min-width:900px){:root{--type-scale:1.414}}@media screen and (min-width:1024px){.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 3rem;border:none}.footer__logo_div{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.footer__links_div{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.footer__copyright_div{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}@media screen and (min-width:1372px){:root{--type-scale:1.5}}