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:initial}body{background-color:#00fff7;height:100%}.home{display:flex;align-items:center;height:100vh;position:absolute}.hero-image{margin:20px 60px 20px 20px}img{width:100%;border-radius:30px;box-shadow:10px 5px 5px #2d3130;max-inline-size:100%;block-size:auto}.greeting{margin-right:100px;line-height:50px;color:#2d545e;padding:0 3em}.greeting .job_title{font-size:2em}.greeting h3{font-size:xx-large}.greeting h1{font-size:xxx-large}.greeting p{font-size:x-large}.navigation{position:fixed;right:30px;bottom:0;z-index:3;display:flex;align-items:center;justify-content:center;height:calc(100vh - 200px);top:100px;opacity:1;transition:opacity .3s;-webkit-transition:opacity .3s}ul{list-style-type:none}.icon-box a{display:block;padding:0;width:50px;height:50px}li.icon-box{width:50px;height:50px;list-style:none;position:relative;display:flex;align-items:center;transition:.3s;margin:20px 0;border-radius:50%;background:#2d545e}.icons{position:absolute;pointer-events:none;left:0;right:0;margin:0 auto;display:block;text-align:center;font-size:25px;color:grey}li.icon-box.active,li.icon-box.active .icons,li.icon-box:hover,li.icon-box:hover .icons{color:#fff}.icon-box h2{z-index:-1;position:absolute;top:0;right:0;opacity:0;color:#fff;line-height:50px;font-weight:500;transition:all .3s;border-radius:30px;text-transform:uppercase;padding:0 25px 0 30px;height:50px}.icon-box a:hover h2{opacity:1;right:27px;margin:0;text-align:center;border-radius:30px 0 0 30px;background-color:#2d545e}.particles{overflow-y:hidden;height:100vh}.download{width:15rem;line-height:2em;text-align:center;border-radius:26px;margin:20px;display:flex;justify-content:center;align-items:center;box-shadow:10px 5px 5px #2d3130;text-decoration:none;color:#2f4f4f;background-color:#f5f5f5;border:1px solid grey}.download span{font-size:larger;margin:5px 10px}.download:hover{color:#fff;transition:.7s;background-color:teal;cursor:pointer}.downloadIcon{font-size:x-large;display:none}.download:hover .downloadIcon{display:inline}.menu-wrap{display:none}@media(max-width:991px){:root{--primary-color:rgba(0,42,54,0.75);--overlay-color:rgba(24,39,51,0.85);--menu-speed:0.75s}.menu-wrap{position:fixed;top:0;left:0;z-index:1;display:inline}.menu-wrap .toggler{position:absolute;top:0;left:0;z-index:2;cursor:pointer;width:50px;height:50px;opacity:0}.menu-wrap .hamburger{position:absolute;top:0;left:0;z-index:1;width:40px;height:40px;padding:1rem;background:var(--primary-color)}.menu-wrap .hamburger,.menu-wrap .hamburger>div{display:flex;align-items:center;justify-content:center}.menu-wrap .hamburger>div{position:relative;flex:none;width:100%;height:2px;background:#fff;transition:all .4s ease}.menu-wrap .hamburger>div:after,.menu-wrap .hamburger>div:before{content:"";position:absolute;z-index:1;top:-10px;width:100%;height:2px;background:inherit}.menu-wrap .hamburger>div:after{top:10px}.menu-wrap .toggler:checked+.hamburger>div{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.menu-wrap .toggler:checked+.hamburger>div:after,.menu-wrap .toggler:checked+.hamburger>div:before{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.menu-wrap .toggler:checked:hover+.hamburger>div{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.menu-wrap .toggler:checked~.menu{visibility:visible}.menu-wrap .toggler:checked~.menu>div{-webkit-transform:scale(1);transform:scale(1);transition-duration:var(--menu-speed)}.menu-wrap .toggler:checked~.menu>div>div{opacity:1;transition:opacity .4s ease .4s}.menu-wrap .menu{position:fixed;top:0;left:0;width:100%;visibility:hidden;overflow:hidden}.menu-wrap .menu,.menu-wrap .menu>div{height:100%;display:flex;align-items:center;justify-content:center}.menu-wrap .menu>div{background:var(--overlay-color);width:200vw;flex:none;-webkit-transform:scale(0);transform:scale(0);transition:all .4s ease}.menu-wrap .menu>div>div{text-align:center;max-width:90vw;max-height:100vh;opacity:0;transition:opacity .4s ease}.menu-wrap .menu>div>div>ul>li{list-style:none;color:#fff;font-size:1.5rem;padding:1rem}.menu-wrap .menu>div>div>ul>li>a{color:inherit;text-decoration:none;transition:color .4s ease}.home{display:inline;text-align:center}.hero-image{width:50%;margin:70px auto}img{border-radius:50%}.particles{display:none}.greeting{text-align:center;margin:auto}.greeting h1,.greeting h3{font-size:x-large}.greeting h1{line-height:.85;text-decoration:underline}.greeting p{margin:20px;font-size:larger;text-align:justify;line-height:2;word-break:break-all}.download{margin:30px auto}.navbar{display:none}}@media(max-width:576px){.hero-image{width:60%;margin:70px auto}}.skills-container{display:flex;text-align:center;justify-content:center}.icons-container{font-size:2em;flex-wrap:wrap;justify-content:center;align-items:center;line-height:50px;margin:auto}.skill-icons{font-size:xxx-large}.htmlIcon{color:#ff4500}.cssIcon{color:#2962ff}.jsIcon{color:#ff0}.reactIcon{color:#2962ff}.top-container{text-align:center;font-size:60px;font-weight:800;margin:0 auto;position:relative;padding:50px 0}.top-container h2{font-size:56px;font-weight:900;color:grey}.top-container span{font-size:100px;left:0;letter-spacing:10px;line-height:.7;position:absolute;right:0;top:28%;text-transform:uppercase;font-weight:800;color:rgba(30,37,48,.07)}.middle-container{display:flex}.middle-container .left-container{border-right:3px solid rgba(30,37,48,.07)}.middle-container .left-container,.middle-container .right-container{width:50%;margin:20px;font-size:x-large;line-height:2;color:#790808}.middle-container span{font-size:larger;color:#85270f}.middle-container .right-container{display:flex;align-items:center}.middle-container .right-container .left-side li span:first-child{color:grey}.middle-container .right-container .right-side{margin-left:5px}.middle-container .right-container .right-side li{display:flex;margin:25px;justify-content:left;align-items:center;font-size:xx-large}.middle-container .right-container .right-side li :hover{color:rgba(0,0,0,.582)}.middle-container .right-container .right-side a{text-decoration:none;color:#a9a9a9}.aboutIcon{margin:10px;color:#a9a9a9}.linkedin{color:#2867b2}.github{color:#24292e}.twitter{color:#1da1f2}.bottom-container{text-align:center}.bottom-container h2{font-size:40px;font-weight:800;color:grey;margin-bottom:15px}@media(max-width:991px){.top-container h2{font-size:40px}.top-container span{font-size:60px;letter-spacing:5px;top:36%}.middle-container{display:inline-block}.middle-container .left-container{width:90%;margin:35px;line-height:2;color:#790808;border-right:none;text-align:justify;word-spacing:-3px}.middle-container .right-container{font-size:24px;width:80%}.middle-container .right-container .right-side{display:none}.bottom-container{width:100%}.bottom-container h3{font-size:large}}@media(max-width:480px){.top-container h2{font-size:20px}.top-container span{font-size:35px;letter-spacing:.2px;top:40%}.middle-container{display:inline-block}.middle-container .left-container{width:90%;margin:25px;line-height:2;color:#790808;border-right:none;text-align:justify;word-spacing:-3px;font-size:18px;border-bottom:1px solid rgba(30,37,48,.07)}.middle-container .right-container{font-size:15px;width:80%}.middle-container .right-container .right-side{display:none}.bottom-container{width:100%}.bottom-container h3{font-size:medium}.skills-container{display:flex;flex-wrap:wrap}.icons-container{width:30%}}.projects-gallery{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.card{width:25%;border-radius:30px;margin:40px;background-color:teal;position:relative}.project-image{width:100%}.hidden-message{position:absolute;background-color:rgba(0,0,0,.8);color:#0ef;transition:opacity .3s ease-in-out;opacity:0;display:flex;align-items:center;justify-content:center;padding:.5rem}.hidden-overlay{top:0;left:0;width:98%;height:95%;border-radius:30px}.card:hover .hidden-message{opacity:1;cursor:pointer}.card .hidden-message span{font-size:x-large;font-style:oblique}@media(max-width:991px){.card{width:45%}.hidden-message span{display:none}.project-image{border-radius:20px}}.modal-overlay{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;opacity:.5}.modal-wrapper{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal{z-index:100;background:#5cd4ca;position:relative;margin:auto;border-radius:3px;max-width:500px;padding:2rem;text-align:center;top:30%;border:1px solid #a9a9a9}.connect-header{font-size:xxx-large;margin-bottom:20px}.modal-header{position:absolute;top:0;right:0}.modal-close-button{font-size:1.4rem;line-height:1;color:#000;opacity:.3;cursor:pointer}.modal-close-button,button{font-weight:700;border:none}button{font-size:.9rem;border-radius:3px;padding:.3rem 1rem;margin-left:.5rem}.button-default{background:#247ba0;color:#fff}.connect-wrapper h3{margin-bottom:20px;font-size:x-large}.connect-wrapper p{margin-bottom:20px;font-size:1.3em;text-align:justify;line-height:1.6}.connect-wrapper ul{display:flex;justify-content:center}.connect-wrapper li{margin:5px;font-size:1.7em;padding:2px}.connect-wrapper a{text-decoration:none;color:#0a0101}.project-link{text-decoration:none;color:#fff;position:relative;padding:2px;font-size:x-large}.project-link:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#aa2525;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);transition:all .3s ease-in-out}.project-link:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}.hire-me{display:flex;justify-content:center}label{display:block;color:#717981}input{line-height:2em;border-color:#e2e2e2}input,textarea{color:#717981;font-family:Arial,Helvetica,sans-serif;font-size:large;background-color:#edeff0}textarea{line-height:1.5em;border-color:#717981}.form-button{text-align:center;display:block;margin:0 auto}.btn{color:#fff;padding:15px 32px;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;color:#717981;text-align:center;border-color:grey}.btn:hover{background-color:#145f7c;transition:2s;color:#fff}.form-container{padding:20px}.form-input{margin:20px}.form-input label{font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;font-size:x-large}@media(max-width:570px){.form-container{padding:10px;width:100%}.form-input{margin:10px}.form-input label{font-size:medium}}
/*# sourceMappingURL=main.29ab300c.chunk.css.map */