@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300&family=VT323&family=Ubuntu&display=swap);.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#061427}::-webkit-scrollbar-thumb{background:#21222a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#313131}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}html{box-sizing:border-box;margin:0;font:normal 16px/1.2 "Rubik",sans-serif!important;scroll-padding:100px}*,:after,:before{box-sizing:inherit}body{margin:0;background-color:#21222a;color:#c9c9c9}.wlc-txt:hover .wlc-txt__main,.wlc-txt__alt{display:none}.wlc-txt:hover .wlc-txt__alt{display:inline-block}.wlc-txt__alt.code{font-family:"VT323",monospace}#wlc-txt-clr1{color:brown}#wlc-txt-clr2{color:#c78733}#wlc-txt-clr3{color:#4da52a}#wlc-txt-clr4{color:#2aa559}#wlc-txt-clr5{color:#2aa59b}#wlc-txt-clr6{color:#2a47a5}#wlc-txt-clr7{color:#a52a9f}#wlc-txt-clr8{color:#a52a3a}#wlc-txt-clr9{color:#be902d}.wlc-txt img{width:28px;-webkit-filter:invert(.8);filter:invert(.8)}#welcome-screen{background-color:#061427;height:100vh}.page-container{max-width:1200px;margin:0 auto;padding-left:25px;padding-right:25px}#welcome-elements{margin:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}h1{font-size:3em;text-align:center;color:#76777a}.nline{display:block}#wlc_name{color:#d8d8d8}#wlc_list{list-style:none;text-align:center;color:#76777a;padding:0;margin:0}#wlc_list li{padding-bottom:38px;font-size:1.875em}.body-padding{padding-top:100px}#header{position:-webkit-sticky;position:sticky;top:0;z-index:1;background-color:#061427;margin:0}.hidden{position:absolute;left:-10000px;width:1px;height:1px}.menu li{display:inline-block}.flex-container,.flex-container-nav{display:flex;flex-flow:row wrap}.about__education,.about__interest{flex:1 0}.education__list li{background:url(/static/media/school_white_18dp.a94b8a61.svg) no-repeat 0 0;list-style:none;vertical-align:middle;margin-bottom:10px;padding:0 10px 5px 25px}.education__university-name{font-size:.9em;margin-top:5px;color:#bdbdbd}.education__list h4{margin:0}.education__list h5{margin-top:10px}.education__list{padding:0}#site-name{flex:1 0}#main-menu{flex:1.5 0;text-align:right}.menu li{font-size:1.875em;padding-right:40px}.menu li:last-child{padding-right:0}#site-name a{font-size:1.7em}#site-name a,.menu-block a,.menu a{text-decoration:none;color:#d5d5d5}.menu a:hover{color:#369cd8}ul.menu{padding-right:0}h2#site-name{margin:0;padding-top:20px;padding-bottom:20px}nav#main-menu{margin:0;padding-top:10px}.section-headings{text-transform:lowercase;color:#d3d3d3;font-size:3em}.section-headings a{position:absolute;left:0;top:-120px}.about-para a{color:#0a60d4;text-decoration:none;font-weight:bolder}.about-para a:hover{text-decoration:underline}p{font-weight:lighter;line-height:2;font-size:1.1em}.flex-container-about{display:flex;flex-flow:row wrap}.about-para{flex:3 0;margin-right:10px}.about-para p:first-child{margin-top:0}.about-image{flex:1.2 0;align-items:center;display:flex;flex-direction:column;justify-content:center}.about-image li a{text-decoration:none}ul.social-media-icons{text-align:left;padding:0}.social-media-icons li{display:inline-block}.social-media.icons{width:52px;height:52px;-webkit-filter:invert(.3);filter:invert(.3);transition:all .2s linear;margin:8px}ul.social-media-icons{text-align:center}.social-media.icons:hover{-webkit-filter:invert(.1);filter:invert(.1)}.about-image img{width:100%;border-radius:5px}.social-media-icons li:nth-child(2) img{width:48px}.social-media-icons li:nth-child(3) img{width:42px}.social-media-icons li:nth-child(4) img,.social-media-icons li:nth-child(5) img{width:48px}.skill__item{text-align:center;flex:1 0}h3{color:#eee}.skill__item h3{color:rgb(31 175 202)}.form-result{text-align:center}.skill__item img{-webkit-filter:invert(98%) sepia(0) saturate(2%) hue-rotate(144deg) brightness(84%) contrast(97%);filter:invert(98%) sepia(0) saturate(2%) hue-rotate(144deg) brightness(84%) contrast(97%);width:70px;height:70px}.skill-grid-container{display:grid;grid-template-columns:auto auto auto;grid-row-gap:40px;row-gap:40px}.exp__card{background-color:#313131;padding:30px;border-radius:5px;width:100%;margin:10px 0 10px auto}.exp_brief,.exp_title{font-size:1em;line-height:1.4em}.exp_brief{color:#a7a7a7}.exp_title{color:#c5c5c5}.exp_ul.no_bullet>li>ul{list-style:none}.grid-container{display:grid;grid-template-columns:20% 80%}.exp_brief{margin:10px;font-size:.85em}.exp_ul{list-style:none}.exp_ul>li{margin-bottom:20px}.exp_ul>li>ul>li{margin:10px 0}.exp_work{font-size:1.1em;color:#eee}.grid-portfolio{display:grid;grid-template-columns:auto;grid-row-gap:100px;row-gap:100px}.portfolio-column{flex:1 0;margin-bottom:34px;padding-right:19px}.break1{flex-basis:100%;height:0}img.portfolio-thumbnail{opacity:.5;-webkit-filter:sepia(100%) hue-rotate(160deg);filter:sepia(100%) hue-rotate(160deg);max-width:500px;height:auto;transition:all .2s linear;border-radius:5px;transition:all .5s cubic-bezier(.075,.82,.165,1)}img.portfolio-thumbnail:hover{opacity:1;-webkit-filter:none;filter:none;cursor:pointer}.project__title{font-size:1.8em}.project__description{background-color:#363636;padding:30px;border-radius:5px;line-height:1.6em}.important{color:#5beea9}a .important{color:rgb(31 175 202)}.project__tech-list{list-style:none}.project__tech-list>li{display:inline-block;margin:0 5px;font-weight:lighter;font-style:italic}.project__links__highlight{color:#53ecff;text-decoration:none}.project__links__small{text-align:right}.project__links__small a img{-webkit-filter:invert(.7);filter:invert(.7);width:28px;margin:0 10px;transition:all .3s linear}.project__links__small a img:hover{-webkit-filter:invert(1);filter:invert(1)}.project__links.text-right{right:30px}.project__links.text-left{left:30px}.project__links a img{-webkit-filter:invert(.7);filter:invert(.7);width:30px;margin:0 10px;transition:all .3s linear}.project__image.left img{float:right}.project__links a img:hover{-webkit-filter:invert(1);filter:invert(1)}.project__tech-list{padding:0}.text-right{text-align:right}.text-left{text-align:left}.portfolio-desc a{color:grey}.portfolio-desc a:hover{color:#2f4f4f}.project-info{position:relative;margin-bottom:40px}.other-projects-grid{display:grid;grid-template-columns:auto auto auto;grid-row-gap:40px;row-gap:40px;grid-column-gap:30px;-webkit-column-gap:30px;column-gap:30px}.project__tech-list.small{font-size:.85em}.project-small__card{background-color:#363636;padding:15px;border-radius:5px;transition:all .2s ease-in}.project-small__card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.project__content{right:0}.project__content,.project__content.left{position:absolute;top:50%;width:70%;padding:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.project__content.left{left:0}.show-para{display:block}.dec__expand{grid-column:span 3}.blog-flex{display:flex;flex-flow:row wrap}.blog-column{flex:1 0;padding:0 18px 0 0}.blog-column a{text-decoration:none;color:#6c6c6c;font-weight:700}.blog-column a:hover{text-decoration:underline;color:#494848;font-weight:bolder}.blog-column:last-child{padding-right:0}h2.blog-heading{text-align:center;color:#66686f;font-size:1.875em}.unfold-btn{background:url(/static/media/expand_more_white_48dp.d2bd22da.svg);width:48px;height:48px;margin:auto;display:none;-webkit-filter:invert(.8);filter:invert(.8)}.fold{background:url(/static/media/expand_less_white_48dp.438ff821.svg)}.unfold-btn:hover{-webkit-filter:invert(.5);filter:invert(.5)}.input-container{vertical-align:middle;display:flex;flex-direction:row;justify-content:center;align-items:center}.input-field{flex:4 0;height:64px;margin-bottom:30px;color:#eee}.input-field,.input-field-txt{padding:15px;font:normal 16px/1.2 "Rubik",sans-serif;border:2px solid #363636;border-radius:5px;background-color:#363636}.input-field-txt{width:90%;height:108px}.contact-icon{width:48px;height:48px;-webkit-filter:invert(.5);filter:invert(.5);margin-right:10px;vertical-align:middle}.person-icon{background:url(/static/media/person_black_48dp.3dc57ec1.svg);margin-bottom:30px}.email-icon{background:url(/static/media/email_black_48dp.f20b162c.svg);margin-bottom:30px}.comment-icon{background:url(/static/media/insert_comment_black_48dp.da45a4c8.svg);margin-bottom:80px}#contact-flex{display:flex;flex-flow:row wrap;width:50%;margin:0 auto}::-webkit-input-placeholder{color:#c9c9c9}:-ms-input-placeholder{color:#c9c9c9}::placeholder{color:#c9c9c9}#contact-form,#quote{flex:1 0}#quote,div.text-center{text-align:center}div.text-center{margin:20px}.text-center{text-align:center}.contact__say-hello,.hello{text-decoration:none}.contact__say-hello{display:block;width:170px;border:1px solid #363636;margin:10px auto 0;background-color:#363636;padding:10px;color:#c9c9c9;border-radius:5px}.close-button{cursor:pointer;text-align:right}.contact__error p{color:red}.contact__say-hello.error{border:1px solid #f5f5f5}.contact__say-hello:hover{background:#222;color:#f5f5f5}.btn{background:#363636;color:#adadad;border:2px solid #363636;width:30.5%;height:40px;font-size:1em;cursor:pointer;border-radius:5px;text-align:center;margin-bottom:10px}.btn:hover{background:#222;color:#f5f5f5}#footer{background-color:#061427;height:130px}#footer p{color:#cfcfcf;padding-top:50px;margin:0;font:normal 1em "Rubik",sans-serif;text-align:center}@media screen and (max-width:1030px){.menu-btn{display:inline-block;background:url(/static/media/menu_white_48dp.269a2415.svg);width:48px;height:48px;transition:all .2s linear}#site-name{flex:3 0}#main-menu{flex:1 0}.break2{flex-basis:100%;height:0}.portfolio-column:nth-child(3n-1){padding-right:0}.menu-btn-open{background:url(/static/media/menu_open_white_48dp.7b2d584e.svg)}.menu{display:none;transition:all .3s linear}.menu-block li{display:block;text-align:right;padding:5px}.menu li:last-child{padding:5px}#contact-flex{width:90%}}@media screen and (max-width:820px){.grid-portfolio{grid-template-rows:1fr 1.2fr 1.3fr 1.33fr}}@media screen and (max-width:768px){.break3{flex-basis:100%;height:0}.grid-container{grid-template-columns:auto}.about-para{flex:2 0;margin-right:10px}img.portfolio-thumbnail{margin-top:60px}.skill-grid-container{grid-template-columns:auto auto}.project__content,.project__content.left{width:90%}.about-image{flex:0.8 0}.grid-portfolio{grid-row-gap:60px;row-gap:60px}#blog3{display:none;max-width:50%}.unfold-btn{display:block}#contact-form{margin:auto;text-align:center}.btn{padding:0;margin:0;text-align:center}}@media screen and (max-width:550px){img.portfolio-thumbnail{max-width:100%}.grid-portfolio{grid-row-gap:100px;row-gap:100px}.other-projects-grid{grid-template-columns:auto auto}}@media screen and (max-width:481px){.body-padding{padding-top:100px}.about-para,.project__description{text-align:justify}.exp_ul{padding:0}.exp_ul>li>ul{padding:0 0 0 10px}.exp__card{padding:20px}.project__content.left,.project__content.right{padding:0}.break4{flex-basis:100%;height:0}.project__image{display:none}.project__content,.project__content.left{position:relative;width:100%}.grid-portfolio{grid-template-rows:auto auto auto auto;grid-row-gap:0;row-gap:0}.other-projects-grid{grid-template-columns:auto}.project-info{margin:0}ul#wlc_list{padding-bottom:60px}ul.social-media-icons{text-align:center;padding-left:0;padding-right:0}.social-media.icons{width:40px;height:40px}h2#site-name{font-size:.9em}nav#main-menu{padding-top:15px}.portfolio-column{flex:1 0 100%;padding-right:0}.unfold-btn{display:block}#contact-form{margin:auto;text-align:center}#blog2{display:none}.blog-column{flex:1 0 99%}#blog3{max-width:100%}.portfolio-column:nth-child(n+6){display:none}.about-para{flex:100% 1}.about-image{flex:100% 1;order:-1}}@media screen and (max-width:340px){.contact-icon{display:none}.skill-grid-container{grid-template-columns:auto auto}}
/*# sourceMappingURL=main.6d8d72e2.chunk.css.map */