@import url(https://fonts.googleapis.com/css?family=Roboto);@import url(https://fonts.googleapis.com/css?family=Caveat);*{box-sizing:border-box}.container{display:flex;width:100%;height:100vh;text-align:center}.container-fluid{width:100%}.row{display:flex;flex-wrap:wrap}@media (max-width:767px){.col-sm-1{flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-xl-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{flex:0 0 100%;max-width:100%}}.flex-center{justify-content:center}.flex-center,.flex-end{display:flex;display:block}.flex-end{justify-content:end}.flex-start{display:flex;justify-content:start;display:block}.flex-mid{align-items:center;display:flex}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}nav{position:fixed;top:0;padding:1%;font-family:Calibri,sans-serif;z-index:3}nav,nav .main-container{width:100%;box-shadow:0 0 10px #000;text-transform:uppercase;transition:all .35s ease}nav .main-container{background:#fff;display:flex;justify-content:space-between;align-items:center;z-index:1}nav .main-container .main-header-logo{height:5rem}nav .main-container .main-header-menu{display:none;list-style-type:none}nav .main-container .main-header-menu a{color:#545453;font-size:26px;font-weight:800}nav .main-container .main-header-menu a:hover{color:#67f891}nav .main-container .main-header-dropdown-button{margin:0 4%}nav .dropdown-menu{position:fixed;margin:10%;z-index:3;opacity:.8;max-height:100vh;min-height:70vh;min-width:80%;display:grid;grid-template-areas:"main me" "main portfolio" "contact portfolio";grid-gap:2%;gap:2%}nav .dropdown-menu a{border:1px solid #000;border-radius:8%;text-align:center;padding:auto;color:#fff}nav .dropdown-menu a:hover{color:#fff}nav .dropdown-menu a div{margin-top:50%}nav .dropdown-menu .dropdown-menu-main{grid-area:main;background-color:#67f891}nav .dropdown-menu .dropdown-menu-me{grid-area:me;background-color:#5ce1e6}nav .dropdown-menu .dropdown-menu-portfolio{grid-area:portfolio;background-color:#67f891}nav .dropdown-menu .dropdown-menu-contact{grid-area:contact;background-color:#5ce1e6}@media only screen and (min-width:1024px){nav .main-container{display:flex;justify-content:center}nav .main-container .main-header-menu{display:flex}nav .main-container .main-header-menu ul{display:flex;flex-direction:row;list-style-type:none}nav .main-container .main-header-menu ul li{padding:0 5%}nav .main-container .main-header-dropdown-button{display:none}}footer{background-color:#545453;color:#fff}footer .footer_container{height:auto;padding:5px;max-width:100%}footer .footer_container a{color:#fff}header{height:100vh;width:100%;background-image:url(/portfolio-react-fabz/static/media/old-black-background-wall_small.5e8ee24c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#e2e2d5;text-align:center;z-index:-1}header .welcome{padding:30% 0}header .welcome img{height:40%;min-height:45vh;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}@media only screen and (min-width:1024px){header{background-image:url(/portfolio-react-fabz/static/media/old-black-background-wall_medium.66eb935a.jpg)}header .welcome{padding:10% 0}}.me{padding:70px 4% 4%;background-color:#e2e2d5;max-width:100%;height:auto}.me .row .me_title{text-transform:uppercase;font-weight:800;font-size:22px}.me .row p{padding:0 8%;justify-content:stretch}.me .me_technology{padding:3%;margin:0;border-left:2px solid #545453;border-bottom:2px solid #545453;background-color:#545453;box-shadow:10px 10px 5px #adada4;color:#e2e2d5}.me .me_technology .row .me_title{text-transform:uppercase;font-weight:800;font-size:42px}.me .me_technology .row .me_text{margin:30px}.me .me_technology .row .me_ico{font-size:60px}.me .me_technology .row .me_ico:hover{color:#67f891}.me .me_technology .row .me_name{font-size:20px}.me .me_technology .row .me_name:hover{color:#5ce1e6}.portfolio{width:auto;height:auto;max-width:100%;padding:3%;margin:4%;border:2px solid #adada4;box-shadow:10px 10px 5px #adada4}.portfolio .slider{height:100%}.portfolio .slider .project{width:70%;padding:0 15%;display:flex}.portfolio .slider .project .project_img{width:100%;padding:5%}.portfolio .slider .project a{opacity:1}.portfolio .slider .project a .project_button{margin:10px;padding:2%;color:#000;border-radius:10px;cursor:pointer}.portfolio .slider .project .demo{background-color:#67f891}.portfolio .slider .project .github{background-color:#5ce1e6}.portfolio .slider .project .project_content{background-color:#e2e2d5}.contact{padding:2%;max-width:100%;min-width:100%;height:auto}.contact .content_page{border-right:2px solid #adada4;border-bottom:2px solid #adada4;box-shadow:10px 10px 5px #adada4;padding:2% 0;background-color:#545453;color:#e2e2d5;position:relative;margin:0 auto}.contact .content_page .contact_hex-center{display:none}@media (min-width:992px){.contact .content_page .contact_hex-center{display:inline-block;position:absolute;right:35%;top:45%}}.contact .content_page .contact_hex-top-right{display:none}@media (min-width:992px){.contact .content_page .contact_hex-top-right{display:inline-block;position:absolute;right:0;top:125px}}.contact .content_page .contact_hex-top-left{display:none}@media (min-width:992px){.contact .content_page .contact_hex-top-left{display:inline-block;position:absolute;left:0;top:125px}}.contact .content_page .contact_hex-mid-right{display:none}@media (min-width:992px){.contact .content_page .contact_hex-mid-right{display:inline-block;position:absolute;right:20%;top:45%}}.contact .content_page .contact_hex-mid-top{display:none}@media (min-width:992px){.contact .content_page .contact_hex-mid-top{display:inline-block;position:absolute;right:30%;top:25%}}.contact .content_page .contact_hex-mid-bottom{display:none}@media (min-width:992px){.contact .content_page .contact_hex-mid-bottom{display:inline-block;position:absolute;right:30%;top:70%}}.contact .content_page .contact_row,.contact .content_page .contact_title{padding-top:50px}.contact .content_page .contact_row .contact_link{color:#e2e2d5;height:auto}.contact .content_page .contact_row .contact_link .contact_ico{font-size:50px}.contact .content_page .contact_row .contact_link .contact_ico:hover{color:#67f891}.contact .content_page .contact_row .contact_link .contact_name{font-size:18px}.contact .content_page .contact_row .contact_link .contact_name:hover{color:#5ce1e6}body{background-color:#e2e2d5}
/*# sourceMappingURL=main.f07f6585.chunk.css.map */