@import url(https://fonts.googleapis.com/css?family=Indie+Flower|Lobster+Two|Montserrat&display=swap);@import url(https://fonts.googleapis.com/css?family=Abel|Asap|Raleway+Dots|Raleway|Barlow|Glegoo|Julius+Sans+One|Lato|Muli|Poiret+One|Sulphur+Point|Turret+Road&display=swap);@import url(https://fonts.googleapis.com/css?family=Abel|Raleway|Raleway+Dot|Asap|Barlow|Glegoo|Julius+Sans+One|Lato|Muli|Poiret+One|Sulphur+Point|Turret+Road&display=swap);@import url(https://fonts.googleapis.com/css?family=Raleway+Dots&display=swap);@import url(https://fonts.googleapis.com/css?family=Raleway&display=swap);@import url(https://fonts.googleapis.com/css?family=Abel|Asap|Barlow|Glegoo|Julius+Sans+One|Lato|Muli|Poiret+One|Sulphur+Point|Turret+Road&display=swap);@import url(https://fonts.googleapis.com/css?family=Abel|Asap|Raleway+Dots|Roboto+Mono|Raleway|Barlow|Glegoo|Julius+Sans+One|Lato|Muli|Poiret+One|Sulphur+Point|Turret+Road&display=swap);@import url(https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap);body,html{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App-header{background-color:#090909;font-size:calc(10px + 2vmin);color:#fff}.App-main{min-height:95vh}.App-footer{min-height:5vh}.particle{position:fixed!important;left:0;top:0;width:100%}.home-left,.particle{height:100%}.home-left-main{height:100%;text-align:center}.home-left-main-col{margin:auto;display:block}.first-line{font-size:4.5rem;font-family:"Sulphur Point",sans-serif}.second_line{font-size:3rem;font-family:"Julius Sans One",sans-serif}.typical{font-size:1.6rem;font-family:"Sulphur Point",sans-serif}.home-left-aboutme-main{position:relative;z-index:-1}.home-left-aboutme{color:#f0f8ff}.home-left-aboutme:hover{color:#000}.home-left-aboutmme-btn:hover{background:#666}.home-right,.home-right-main{height:100%}.home-right-main-img{height:35vh;margin:auto;display:block}.home-right-footer{width:100%;height:70vh}.social-icons{text-align:center}.fb{margin:2%;color:#fff}.fb:hover{color:#386ddd}.whatsapp{margin:2%;color:#fff}.whatsapp:hover{color:#16fa01}.git{margin:2%;color:#fff}.git:hover{color:#16fa01}.twitter{margin:2%;color:#fff}.twitter:hover{color:#00acee}.insta{margin:2%;color:#fff}.insta:hover{color:#c1558b}.linkedin{margin:2%;color:#fff}.linkedin:hover{color:#0e76a8}.footer{height:100%;text-align:center;font-size:medium;color:#cac8c8}.clc_main{color:#fff;height:100%;width:100%;padding:30% 2% 2%}.clc_container{padding:2%}.clc_header{text-align:center;font-family:"Sulphur Point",sans-serif}.clc_sub_header{font-family:"Indie Flower",cursive}.clc_paragraph{font-family:"Roboto Mono",monospace}.AboutBtnContainer{width:100%}.left{float:left;color:#f0f8ff}.left,.right{width:50%;text-align:center;font-family:"Roboto Mono",monospace;font-weight:900}.right{float:right}.right_icon{font-size:100px}.right_icon:hover,.right_icon a:hover{color:#633086;cursor:pointer}.left_icon{font-size:100px}.left_icon:hover,.left_icon a:hover{color:#633086;cursor:pointer}.about_modal{background-color:#090909}.custom-modal{width:100vw;height:100vh}.modal-exit-btn:hover{background-color:#666;color:#fff5ee;cursor:pointer}.modalHeader{background-color:#090909;color:#f0f8ff!important}.close{color:#f0f8ff}.project_main{height:100%;width:100%;color:#fff;background-color:#090909}.project_header{-webkit-justify-content:center;justify-content:center;font-family:"Sulphur Point",sans-serif}.modal_close_icon_container{text-align:right;font-size:20px}.project_card_right{color:#fff}.project_card_left_img{height:45%;width:45%;background:#fff}.project_card_main,.project_img_container{text-align:center;margin:0 auto;display:table}.pro_card{background-color:transparent;border-width:.01px;border-color:#f0fff0;margin:1%;text-align:center}.repoName{font-size:1.5rem;font-family:"Sulphur Point",sans-serif;font-weight:600}.repoInfo{font-family:"Julius Sans One",sans-serif;font-weight:600}.menu-wrap{position:fixed;top:0;left:0;z-index:1;font-family:"Poppins",sans-serif}.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:80px;height:80px;padding:1rem;background:var(--primary-color)}.menu-wrap .hamburger,.menu-wrap .hamburger>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.menu-wrap .hamburger>div{position:relative;-webkit-flex:none;flex:none;width:50%;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 .01s ease .01s}.menu-wrap .menu{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;overflow:hidden}.menu-wrap .menu,.menu-wrap .menu>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.menu-wrap .menu>div{background:rgba(31,31,31,.85);background:var(--overlay-color);width:200vw;height:200vw}.menu-wrap .menu>div>div{text-align:center;max-width:100vw;max-height:100vh;opacity:0}.Contact-header{background-color:#090909;color:#fff}.Hamburger-menu{min-height:7vh}.Contact-main{min-height:88vh}.Contact-left,.Contact-right{margin:auto;display:block}.Contact-footer{min-height:5vh}.Contact-text{text-align:center}.p-heading1{font-size:4rem;font-family:"Sulphur Point",sans-serif}.p-heading2{font-size:.98rem;padding:2.5%;font-family:"Roboto Mono",monospace}.contact-left-footer{width:100%;font-size:1.7rem}.Contact-form{text-align:center;padding-bottom:8%}.contact-form-header{font-size:2.5rem;padding:1%;font-family:"Raleway",sans-serif}.contact_input{padding-left:10%;padding-right:10%}.contact_input_text{font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif;font-size:1.5rem;border-radius:5%;text-align:center;background:transparent;color:#fff;min-height:6.5vh}.contact_success_modal_body{text-align:center;background:#090909;color:#f0f8ff}.contact_success_modal_img{height:15vh;padding-bottom:3%}.contact-email-text-btn:hover{background:#666;color:#f0f8ff}.Loading-header{background-color:#000;background-image:url(/static/media/foad_logo.0aa30872.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;font-size:calc(10px + 2vmin);color:#fff;text-align:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.main_row{font-family:"Sulphur Point",sans-serif;padding-right:4%;padding-left:3%}.card_col{padding-left:4%;padding-top:4%}.card_main{background:hsla(0,0%,100%,.1);color:#fff;border-color:#fff;text-align:right}.card_main:hover{transition:all .2s ease-out;top:-4px;background:hsla(0,0%,100%,.15);box-shadow:0 4px 35px #fff}.blockquote-footer,.icon{color:#fff}.icon{cursor:pointer}.icon:hover{color:#ffc466}.About-header{background-color:#090909}.About-main{min-height:95vh}.d1,.d2,.d3{height:100%;width:100%}.About-footer{min-height:5vh}:root{--overlay-color:rgba(31,31,31,0.85)}.menu-wrapper{position:fixed;top:50px;left:0;z-index:1;font-family:"Poppins",sans-serif}.menu-wrapper .toggler{position:absolute;top:0;left:0;z-index:2;cursor:pointer;width:50px;height:50px;opacity:0}.menu-wrapper .hamburger{position:absolute;top:0;left:0;z-index:1;width:80px;height:80px;padding:1rem;background:var(--primary-color);font-size:24px;color:#fff}.menu-wrapper .hamburger,.menu-wrapper .hamburger>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.menu-wrapper .hamburger>div{position:relative;-webkit-flex:none;flex:none;width:50%;height:0;background:#fff;transition:all .4s ease}.menu-wrapper .hamburger>div:after,.menu-wrapper .hamburger>div:before{content:"";position:absolute;z-index:1;top:-10px;width:100%;height:2px;background:#fff}.menu-wrapper .hamburger>div:after{top:10px}.menu-wrapper .toggler:checked+.hamburger>div{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.menu-wrapper .toggler:checked+.hamburger>div:after,.menu-wrapper .toggler:checked+.hamburger>div:before{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.menu-wrapper .toggler:checked:hover+.hamburger>div{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.menu-wrapper .toggler:checked~.menu{visibility:visible}.menu-wrapper .toggler:checked~.menu>div{-webkit-transform:scale(1);transform:scale(1);transition-duration:var(--menu-speed)}.menu-wrapper .toggler:checked~.menu>div>div{opacity:1;transition:opacity .01s ease .01s}.menu-wrapper .menu{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;overflow:hidden}.menu-wrapper .menu,.menu-wrapper .menu>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.menu-wrapper .menu>div{background:rgba(31,31,31,.85);background:var(--overlay-color);width:200vw;height:200vw}.menu-wrapper .menu>div>div{text-align:center;max-width:100vw;max-height:100vh;opacity:0}ul{position:relative}ul li{list-style:none;text-align:center}ul li a{text-decoration:none;font-size:1.7em;padding:5px 20px;display:-webkit-inline-flex;display:inline-flex;font-weight:700;transition:.5s}ul:hover li a,ul li a{color:#fff}ul li:hover a{font-size:3em;color:#000;background:#fff}ul li a:before{content:"";position:absolute;font-size:1.5em;font-weight:700;text-transform:uppercase;letter-spacing:500px}
/*# sourceMappingURL=main.2fc0afa3.chunk.css.map */