*{margin:0;padding:0;box-sizing:border-box}body{width:100%;background:#fff;height:100vh;font-family:cursive}.main-container{width:100%;height:100%}.nav-container{position:fixed;top:0;z-index:1;display:flex;background:#fff;flex-direction:row;padding:1.2rem;align-items:center;box-shadow:2px 2px 4px grey;justify-content:space-between;width:100%;height:9vh}.nav-container.active{background:fff;height:9vh;border-radius:2px}.logo{font-size:1.8rem;color:#ff9800;cursor:pointer}.link{list-style-type:none;float:left}.nav-links .anchor{display:inline-block;color:#000;text-decoration:none;cursor:pointer;font-size:1rem;font-weight:400;line-height:9.1vh;margin:.8rem}.nav-links .anchor:hover{color:#ff9800}.anchor.active{color:#ff9800;font-weight:800;border-bottom:2px solid #ff9800}.menu-icon{display:none}.home-container{display:flex;color:#fff;flex-direction:row;background-color:#1d1b1b;height:100%;padding:1rem;align-items:center;width:100%;min-height:100vh}.content-container{width:50vw;height:100%;flex-direction:column;display:flex;padding:1.8rem;margin-top:3rem;justify-content:center}.main-content{font-size:3rem}.skill-content{margin:.6rem 0;color:#ff9800;font-weight:400;font-size:1.6rem}.skill-animation{height:60px;width:100%;margin:1rem 0}.hand{display:inline-block;margin:.9rem;cursor:pointer}.welcome-content{color:grey}.svg-container{margin-top:1.5rem;width:50vw;height:36rem;display:flex;align-items:center;justify-content:center}.svg{height:75%}.services-container{height:100vh;flex-direction:column;color:#000;font-size:1.3rem;padding:2rem;margin-top:8rem}.services-container,.services-wrapper{align-items:center;justify-content:center;display:flex;width:100%}.services-wrapper{margin-top:4rem;height:30vh;flex-wrap:wrap;flex-direction:row}.services{display:flex;align-items:center;justify-content:space-evenly;width:400px;margin:1rem;box-shadow:3px 2px 10px grey;height:9rem;border-radius:20px;padding:3rem;text-align:center}.services:hover{border:1px solid grey}.services img{height:3.7rem}.services li{list-style-type:none;font-size:1rem;font-weight:700}.skills-container{display:flex;color:#000;font-size:1.3rem;flex-direction:column;padding:2rem;align-items:center;justify-content:space-evenly;width:100%;min-height:100vh}.skills-container h1{margin:2rem 0}.techImage{width:70px}.d-flex{display:flex;align-items:center;justify-content:space-evenly}@media screen and (max-width:768px){.d-flex{display:block}.mobile li{margin-bottom:15px}}.techs{width:100%;box-shadow:3px 2px 10px grey;min-height:12rem;border-radius:20px;padding:3rem;flex-wrap:wrap;margin:2rem;text-align:center}.techs:hover{border:1px solid grey}.techs i{margin:1.1rem;font-size:4.8rem}.techs li{list-style-type:none;font-size:1rem;font-weight:700}.techs .html{color:rgb(204 78 29)}.techs .css{color:#5898dc}.techs .javascript{color:#ecec1c}.techs .bootstrap{color:#9300ff}.techs .sass{color:#c300ff}.techs .react{color:#29c2ff}.techs .typescript{color:#042f67}.techs .python{color:#82e1ff}.portfolio-container{display:flex;color:#000;font-size:1.3rem;flex-direction:column;padding:2rem;align-items:center;justify-content:space-evenly;width:100%;min-height:100vh}.portfolio-container h1{margin:3rem 0}.projects-container{min-height:60vh;width:100%;flex-wrap:wrap;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center}.projects{height:23rem;width:21rem;margin:1rem;box-shadow:3px 2px 10px grey}.project-images,.projects{cursor:pointer;border-radius:10px}.project-images{width:100%;border-bottom:1px solid #ff9800;height:70%}#shoclef{background-image:url(/static/media/shoclef.46247d8e.png)}#dancassab,#shoclef{background-size:cover;background-repeat:no-repeat}#dancassab{background-image:url(/static/media/dancassab.0bbc98ea.png)}#carpediem{background-image:url(/static/media/carpediem.47d8dbac.png)}#carpediem,#minimeis{background-size:cover;background-repeat:no-repeat}#minimeis{background-image:url(/static/media/minimeis.3bbdcde2.png)}#autotrader{background-image:url(/static/media/autotrader.c179cfd7.png)}#autotrader,#gojirx{background-size:cover;background-repeat:no-repeat}#gojirx{background-image:url(/static/media/gojirx.87f8dd1d.png)}#telus{background-image:url(/static/media/telus.c851ba91.png)}#bizness,#telus{background-size:cover;background-repeat:no-repeat}#bizness{background-image:url(/static/media/bizness.bbe40fe2.png)}#channelmum{background-image:url(/static/media/channelmum.0178f776.png)}#channelmum,#onrun{background-size:cover;background-repeat:no-repeat}#onrun{background-image:url(/static/media/onrun.991c477e.jpg)}#klnkfnd{background-image:url(/static/media/klnkfnd.0ddb3a01.png)}#klnkfnd,#wevedo{background-size:cover;background-repeat:no-repeat}#wevedo{background-image:url(/static/media/wevedo.13370c71.jpg)}.project-links{display:flex;flex-direction:column;width:100%;height:30%;justify-content:center;align-items:center}.project-links .text{color:#000;font-size:.8rem}.project-links .icons,.project-links .text{width:100%;height:50%;display:flex;align-items:center;justify-content:center}.icons #github{background-color:#333}.icons #github:hover{background-color:#0f0f0f}.icons #live,.icons #live:hover{background-color:#ff9800}.icons i{color:#fff;cursor:pointer;display:inline-block;font-size:1.3rem;height:2.6rem;line-height:2.6rem;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2.6rem;border-radius:2.6rem;margin:0 5px 10px;transition:all .2s ease-in 0s}.achievements-container{display:flex;color:#000;font-size:1.3rem;flex-direction:column;padding:2rem;align-items:center;justify-content:space-evenly;width:100%;min-height:100vh}#reactBasic{background-image:url("/static/media/ReactBasic(HackerRank).200bc61a.png")}#html5,#reactBasic{background-size:cover;background-repeat:no-repeat}#html5{background-image:url(/static/media/html5.5dc3e43c.png)}#git{background-image:url(/static/media/Git.6dc7a911.png)}#ciscoPython,#git{background-size:cover;background-repeat:no-repeat}#ciscoPython{background-image:url("/static/media/PCAP (Certified Associate in Python Programming).93b9e72e.png")}#specPython{background-image:url(/static/media/specialization.072109d4.png)}#smitPython,#specPython{background-size:cover;background-repeat:no-repeat}#smitPython{background-image:url(/static/media/SMITPython.64fd57ab.png)}.contact-container{display:flex;color:#000;font-size:1.3rem;flex-direction:column;padding:2rem;align-items:center;justify-content:space-evenly;width:100%;min-height:100vh}.profile-image{margin:1rem;box-shadow:6px 6px 10px grey;width:170px;border:1px solid #000;border-radius:50%;background-image:url(/static/media/me.05ba6968.png);background-size:cover;height:170px}.cards-container{flex-direction:row;flex-wrap:wrap;width:100%;min-height:40vh}.cards,.cards-container{display:flex;justify-content:center;align-items:center}.cards{text-align:center;box-shadow:3px 2px 10px grey;border-radius:20px;flex-direction:column;width:16rem;height:9rem;margin:1rem;padding:1.3rem 0}.cards:hover{border:1px solid grey}.contact-icons{display:flex;align-items:center;width:100%;height:33.33%;text-align:center;justify-content:center}.contact-text{width:100%}.contact-links,.contact-text{display:flex;margin-top:.7rem;height:33.33%;font-size:1rem;align-items:center;justify-content:center}.contact-links{width:90%}.contact-links>span{display:block}.contact-links i{cursor:pointer;margin:.3rem;display:block;font-size:1.3rem;position:relative;text-align:center;padding:.1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.contact-links a{text-decoration:none}.contact-links i:hover{box-shadow:2px 2px 4px grey;border-radius:20%}.contact-links #github{color:rgba(0,0,0,.884)}.contact-links #angel,.contact-links:hover #angel,.contact-links:hover #github{color:#000}.contact-links #instagram{color:rgba(214,84,45,.89)}.contact-links:hover #instagram{color:#d6542d}.contact-links #linkedin,.contact-links:hover #linkedin{color:#005496}.contact-links #twitter{color:rgba(0,183,255,.95)}.contact-links:hover #twitter{color:#00b7ff}.contact-icons i{color:#ff9800;cursor:pointer;font-size:1.7rem;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease-in 0s}.footer-container{display:flex;color:#000;font-size:.7rem;padding:2rem;border-top:2px solid #000;align-items:center;justify-content:space-evenly;width:100%;height:8vh}.footer-container a{text-decoration:none;color:#ff9800}.footer-container a:hover{color:#000}.button-wrapper{width:100%}.button:hover{background-color:#fff;color:#ff9800;transition:all .3s ease 0s;transform:translateY(-3px)}.button,.button-link{text-decoration:none}.button{background-color:#ff9800;border:1px solid #ff9800;color:#fff;font-weight:700;min-width:200px;padding:13px 22px;text-transform:uppercase;border-radius:6px;text-align:center;outline:none;margin-top:3.6rem;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out 0s}.contact-btn{margin-right:1rem}.heading{margin:2rem 0;color:#000}@media screen and (max-width:1150px){.home-container{flex-direction:column}.content-container{padding-top:5rem;width:100vw;align-items:center;justify-content:center;text-align:center}.svg-container{width:100vw}}@media screen and (max-width:900px){.nav-links{display:flex;flex-direction:column;width:100%;min-height:500px;position:absolute;top:9vh;text-align:center;align-items:center;left:-100%}.nav-links,.nav-links.active{opacity:1;transition:all .5s ease}.nav-links.active{background:hsla(0,0%,100%,.911);left:0;z-index:1}.menu-icon{display:block;position:relative;margin:0 1rem;font-size:1.8rem;cursor:pointer}.nav-links .anchor{display:block;line-height:9.1vh;width:100vw;margin:.4rem}.anchor.active{color:#fff;font-weight:800;border:none;background:rgba(0,0,0,.534)}.nav-links.active .anchor:hover{color:#000}}@media screen and (max-width:700px){.svg-container{margin-top:1.5rem;width:50vw;height:36rem;display:flex;align-items:center;justify-content:center}.svg{height:60%}}@media screen and (max-width:500px){button{width:90%}.contact-btn{margin-right:0}}@media screen and (max-width:550px){.content-container{font-size:.7rem}.main-content{font-size:2rem}.skill-content{margin:.6rem 0;font-size:1.2rem}.hand{font-size:1.8rem}.welcome-content{font-size:.7rem}}@media screen and (max-width:500px){.svg{height:40%}}@media screen and (max-width:415px){.skill-content{font-size:1rem}}@media screen and (max-width:395px){.heading{font-size:1.2rem}.button{font-size:.8rem}}
/*# sourceMappingURL=main.ceb29ffb.chunk.css.map */