@font-face{font-family:AbrilFatface-Regular;src:url(../fonts/AbrilFatface-Regular/AbrilFatface-Regular.eot);src:url(../fonts/AbrilFatface-Regular/AbrilFatface-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/AbrilFatface-Regular/AbrilFatface-Regular.otf) format("opentype"),url(../fonts/AbrilFatface-Regular/AbrilFatface-Regular.svg) format("svg"),url(../fonts/AbrilFatface-Regular/AbrilFatface-Regular.ttf) format("truetype"),url(../fonts/AbrilFatface-Regular/AbrilFatface-Regular.woff) format("woff"),url(../fonts/AbrilFatface-Regular/AbrilFatface-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Lato-Regular;src:url(../fonts/Lato-Regular/Lato-Regular.eot);src:url(../fonts/Lato-Regular/Lato-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Regular/Lato-Regular.otf) format("opentype"),url(../fonts/Lato-Regular/Lato-Regular.svg) format("svg"),url(../fonts/Lato-Regular/Lato-Regular.ttf) format("truetype"),url(../fonts/Lato-Regular/Lato-Regular.woff) format("woff"),url(../fonts/Lato-Regular/Lato-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Lato-Bold;src:url(../fonts/Lato-Bold/Lato-Bold.eot);src:url(../fonts/Lato-Bold/Lato-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Bold/Lato-Bold.otf) format("opentype"),url(../fonts/Lato-Bold/Lato-Bold.svg) format("svg"),url(../fonts/Lato-Bold/Lato-Bold.ttf) format("truetype"),url(../fonts/Lato-Bold/Lato-Bold.woff) format("woff"),url(../fonts/Lato-Bold/Lato-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Lato-Italic;src:url(../fonts/Lato-Italic/Lato-Italic.eot);src:url(../fonts/Lato-Italic/Lato-Italic.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Italic/Lato-Italic.otf) format("opentype"),url(../fonts/Lato-Italic/Lato-Italic.svg) format("svg"),url(../fonts/Lato-Italic/Lato-Italic.ttf) format("truetype"),url(../fonts/Lato-Italic/Lato-Italic.woff) format("woff"),url(../fonts/Lato-Italic/Lato-Italic.woff2) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Lato-Light;src:url(../fonts/Lato-Light/Lato-Light.eot);src:url(../fonts/Lato-Light/Lato-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Light/Lato-Light.otf) format("opentype"),url(../fonts/Lato-Light/Lato-Light.svg) format("svg"),url(../fonts/Lato-Light/Lato-Light.ttf) format("truetype"),url(../fonts/Lato-Light/Lato-Light.woff) format("woff"),url(../fonts/Lato-Light/Lato-Light.woff2) format("woff2");font-weight:lighter;font-style:normal}@font-face{font-family:Raleway-Regular;src:url(../fonts/Raleway-Regular/Raleway-Regular.eot);src:url(../fonts/Raleway-Regular/Raleway-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Raleway-Regular/Raleway-Regular.otf) format("opentype"),url(../fonts/Raleway-Regular/Raleway-Regular.svg) format("svg"),url(../fonts/Raleway-Regular/Raleway-Regular.ttf) format("truetype"),url(../fonts/Raleway-Regular/Raleway-Regular.woff) format("woff"),url(../fonts/Raleway-Regular/Raleway-Regular.woff2) format("woff2");font-weight:400;font-style:normal}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;scroll-behavior:smooth}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{border-radius:30px;background:#60b0f4}::-webkit-scrollbar-track{background:#555}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}15%{-webkit-transform:scale(1.25);transform:scale(1.25)}25%{-webkit-transform:scale(1.15);transform:scale(1.15)}35%{-webkit-transform:scale(1.25);transform:scale(1.25)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}15%{-webkit-transform:scale(1.25);transform:scale(1.25)}25%{-webkit-transform:scale(1.15);transform:scale(1.15)}35%{-webkit-transform:scale(1.25);transform:scale(1.25)}100%{-webkit-transform:scale(1);transform:scale(1)}}.group:after,.group:before,.row:after,.row:before{content:"";display:table}.group:after,.row:after{clear:both}.group,.row{zoom:1}.projects{background:url(../images/projects.jpg) no-repeat center/cover;width:100%;height:100vh;text-align:center;position:relative}.projects header .logo{background:url(../images/my-logo.png) center no-repeat;background-size:165px;width:160px;height:60px;position:absolute;top:10px;left:100px;z-index:20}.projects header .toggle{position:fixed;top:0;right:0;width:60px;height:60px;background:#60b0f4 url(../images/menu.png) center no-repeat;background-size:30px;z-index:20;cursor:pointer}.projects header .toggle.active{background:#60b0f4 url(../images/close.png) center no-repeat;background-size:25px}.projects header .navigation{display:none;position:fixed;top:0;left:100%;width:100%;height:100%;background-color:#222;z-index:15;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}.projects header .navigation ul{position:relative}.projects header .navigation ul li{position:relative;list-style:none;text-align:center;margin:20px}.projects header .navigation ul li a{font-size:40px;color:#fff;text-decoration:none}.projects header .navigation ul li a:hover{color:#60b0f4}.projects header .navigation .social-bar{position:absolute;top:0;left:0;width:60px;height:100%;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}.projects header .navigation .social-bar img{width:20px;height:20px}.projects header .navigation .social-bar a{display:inline-block}.projects header .navigation .email-icon{position:absolute;bottom:20px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.projects header .navigation.active{display:flex;left:0}.projects .projects-wrapper{width:1200px;margin:0 auto;display:-ms-grid;display:grid;-ms-grid-columns:1fr 20px 1fr 20px 1fr;grid-template-columns:repeat(3,1fr);grid-gap:20px;padding-top:140px}.projects .projects-wrapper .grid-item{height:200px;width:350px;position:relative;overflow:hidden;margin-top:60px}.projects .projects-wrapper .grid-item .grid-overlay{position:absolute;width:100%;height:100%;padding-top:240px}.projects .projects-wrapper .grid-item .grid-overlay a{font-size:13px;display:inline-block;text-decoration:none;padding:10px 20px;border:1px solid #fff;color:#fff;font-family:Lato-Bold,sans-serif}.projects .projects-wrapper .grid-item .grid-overlay a:hover{background:rgba(49,46,46,.4)}.projects .projects-wrapper .grid-item .grid-overlay:hover{padding-top:120px;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;cursor:pointer}.projects .projects-wrapper .grid1{background:url(../images/easybuy.PNG) no-repeat center/cover}.projects .projects-wrapper .grid2{background:url(../images/vanilla-js-projects.PNG) no-repeat center/cover}.projects .projects-wrapper .grid3{background:url(../images/boss-security.PNG) no-repeat center/cover}.projects .projects-wrapper .grid4{background:url(../images/lyricsSearch.PNG) no-repeat center/cover}.projects .projects-wrapper .grid5{background:url(../images/speak-number-guessing-game.PNG) no-repeat center/cover}.projects .projects-wrapper .grid6{background:url(../images/typing-game.PNG) no-repeat center/cover}footer{max-width:100%;height:80px;background-color:#222;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;font-size:14px}footer p{color:#fff}@media (max-width:767.98px){.projects{width:auto;height:auto;padding:0 20px 50px 20px}.projects header{display:flex;align-items:center;justify-content:center}.projects header .logo{background-size:130px;position:unset;margin-top:0}.projects header .toggle{width:50px;height:50px;background-size:25px}.projects .projects-wrapper{width:auto;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:repeat(1,1fr);grid-gap:10px;padding-top:0}.projects .projects-wrapper .grid-item{height:180px;width:100%;position:relative;overflow:hidden}.projects footer{height:60px;font-size:12px}}@media (min-width:768px) and (max-width:991.98px){.projects{width:auto}.projects header{display:flex;align-items:center;justify-content:center}.projects header .logo{position:unset;margin-top:10px}.projects .projects-wrapper{width:auto;padding:0 20px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 30px 1fr;grid-template-columns:repeat(2,1fr);grid-gap:30px;padding-top:50px}.projects .projects-wrapper .grid-item{height:200px;width:100%;position:relative;overflow:hidden}}@media (min-width:992px) and (max-width:1199.98px){.projects{width:auto}.projects .projects-wrapper{width:auto;padding:0 20px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 50px 1fr;grid-template-columns:repeat(2,1fr);grid-gap:50px;padding-top:150px}.projects .projects-wrapper .grid-item{height:250px;width:100%;position:relative;overflow:hidden}}@media (min-width:1200px){.large-wrapper{width:100%;margin-left:auto;margin-right:auto;max-width:2000px}.large-wrapper .large-container{width:100%;margin-left:auto;margin-right:auto;max-width:2000px}}