body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,body,html{margin:0;padding:0}body,html{height:auto;overflow-x:hidden;width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}html{scroll-behavior:smooth}#about,#articles,#experience,#home,#portfolio{scroll-margin-top:82px}.navbar{align-items:center;background:#0000;display:flex;font-size:1.2rem;height:80px;justify-content:center;position:fixed;top:0;width:100%;z-index:999}.navbar.active{background:#fff;border-bottom:2px solid #00000026}.nav-menu{grid-gap:10px;display:grid;grid-template-columns:repeat(6,auto);justify-content:end;list-style:none;right:0;text-align:center;width:80vw}.menu-icon{display:none}.navbar-container{align-items:center;display:flex;height:80px;justify-content:center;max-width:100%}.navbar-logo>img{align-items:center;cursor:pointer;display:flex;height:30px;justify-self:start;margin-left:20px;width:50px}.nav-item{display:inline}.nav-links{color:#fff;display:block;font-family:Raleway;font-size:16px;font-weight:lighter;padding:30px;text-decoration:none}.nav-links:hover{color:#caa368}.nav-links.active{color:#000}.nav-links.active:hover{background-color:#000;color:#caa368}.fa-typo3{font-size:1.8rem;margin-left:.5rem}.fa-bars{color:#fff}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;height:calc(100vh - 80px);justify-content:flex-start;left:-100%;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#242222;left:0;padding-top:10px;z-index:1}.navbar{background:#fff;border-bottom:2px solid #00000026}.nav-links{display:table;padding:30px 0;text-align:center;width:100%}.nav-links.active{color:#fff}.nav-links:hover{background-color:#fff;border-radius:0;color:#242424}.navbar-logo{left:0;position:absolute;top:12px;transform:translate(25%,50%)}.menu-icon{cursor:pointer;display:block;font-size:1.8rem;position:absolute;right:0;top:0;transform:translate(-100%,60%)}.fa-times{font-size:2rem}.fa-bars,.fa-times{color:#caa368}.nav-links-mobile{background-color:initial;border:1px solid #fff;border-radius:4px;color:#fff;display:block;font-size:1.5rem;margin:2rem auto;text-align:center;text-decoration:none;transition:all .3s ease-out;width:80%}.nav-links-mobile:hover{background:#fff;color:#242424;transition:.25s}}.rectangle{background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;max-width:100%;position:relative;text-align:center;z-index:0}.rectangle img{background-position:50% 50%;display:block;height:100%;margin:auto;object-fit:cover;opacity:.35;position:absolute;top:0;width:100%;z-index:-1}.rectangle>h1{color:#caa368;font-family:Raleway;font-size:80px;font-weight:600;margin-bottom:10px;margin-top:180px}.rectangle>p{color:#fff;font-family:Raleway;font-size:20px;font-weight:100;margin-bottom:0}.button{background-color:#caa368;border:none;border-radius:20px;bottom:10px;color:#000;cursor:pointer;display:block;height:40px;line-height:35px;margin:0 auto;position:relative;text-align:center;width:40px}.icons-home{display:flex;justify-content:center;margin-bottom:10vh;margin-top:25px}.icons-home>a:hover .circle-icon{border:2px solid #caa368}.icons-home>a:hover .icon-look{color:#caa368}@font-face{font-family:Raleway;src:url(/static/media/Raleway-Regular.9ade142e81dd8d55cd32.ttf) format("trueType")}@media screen and (max-width:960px){.button{visibility:hidden}}.about{display:flex;height:540px;max-width:100%}.pic{background-color:#000}.meText,.pic{height:100%;width:50%}.meText{background-color:#fff;overflow:auto;text-align:center}.pic img{display:block;height:100%;object-fit:cover;object-position:50% 40%;width:100%}.about h1{color:#caa368;font-size:40px;padding-top:50px}.about h1,.about p{font-family:Raleway}.about p{word-wrap:break-word;font-size:15px;font-weight:100;line-height:25px;margin:0 200px;padding-top:30px;vertical-align:middle}@media screen and (max-width:960px){.about{display:inline}.about p{margin:50px;padding-top:10px}.pic{height:100%;width:100%}.meText{padding-bottom:40px;width:100%}}.experience{align-items:center;background-color:#f7f7f7;display:flex;flex-direction:column;height:860px;width:100%}.experience>h1{color:#caa368;font-family:Raleway;font-size:40px;font-weight:bolder;margin-bottom:30px;padding-top:25px;text-align:center}.experience-card{word-wrap:break-word;background-color:#fff;border:1px solid #ddd;box-shadow:1px 1px 9px #0000001a;clear:both;display:block;height:150px;margin-bottom:30px;position:relative;width:900px}.imgSection{background-color:#fff;float:left;height:100%;width:150px;z-index:1}.imgSection img{height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.textSection{float:left;font-family:Raleway;width:80%}.experience-card h1{font-family:Raleway;font-size:20px;margin:0 20px;padding-top:10px}.experience-card p{word-wrap:break-word;font-size:14px;margin:10px 20px}@media screen and (max-width:960px){.experience{height:auto}.experience-card{height:auto;width:60%}.imgSection{height:100%;width:100%}.textSection{float:left;width:100%}}.portfolio{background-color:#fff;height:1540px;width:100%}.portfolio>h1{color:#caa368;font-family:Raleway;font-size:40px;font-weight:bolder;padding-top:20px;text-align:center}.selector{background:#000;border-radius:20px 20px 20px 20px;display:flex;justify-content:center;margin:20px auto;width:500px}.filter{background:#000;border:none;color:#fff;cursor:pointer;font-family:Raleway;font-size:16px;margin:10px 15px;outline:none}.active,.filter:hover{color:#caa368}.items{grid-gap:25px;display:grid;grid-template-columns:repeat(3,250px);justify-content:center;text-align:center}.project{background-color:#000;border-radius:3%;box-shadow:1px 1px 9px #0000001a;cursor:pointer;height:250px;pointer-events:auto;position:relative;width:250px}.project img{box-shadow:1px 1px 9px #0000001a;left:0;object-fit:cover;opacity:.7;top:0}.cover,.project img{border-radius:3%;height:100%;position:absolute;width:100%}.cover{pointer-events:none}.project:hover>.cover{background-color:#000;opacity:.5}.text h1{color:#caa368;font-size:18px;font-weight:600;margin:10px 10px 20px;text-shadow:#000 0 0 10px}.project:hover>.text p,.text h1{font-family:Raleway;pointer-events:none;position:relative;z-index:1}.project:hover>.text p{color:#fff;font-size:14px;margin:0 10px;padding:5px 0}@media screen and (max-width:960px){.portfolio{height:auto;padding-bottom:40px}.items{grid-gap:25px;grid-template-columns:repeat(2,250px)}.selector{display:grid;width:70%}}@media screen and (max-width:650px){.portfolio{height:auto;padding-bottom:40px}.items{grid-gap:15px;grid-template-columns:repeat(2,150px)}.project{height:150px;width:150px}.selector{display:grid;width:70%}.text h1{font-size:14px}.project>.text p{font-size:0}}.blog{background-color:#f7f7f7;height:600px;width:100%}.blog>h1{color:#caa368;font-family:Raleway;font-size:40px;font-weight:bolder;padding-top:20px;text-align:center}.card-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.card{background-color:#fff;border:1px solid #ddd;box-shadow:1px 1px 9px #0000001a;display:flex;flex-direction:column;height:480px;margin:0 auto 100px;position:relative;width:25%}.card>img{object-fit:cover;width:100%}.card>h1{font-size:18px;padding-top:10px;text-align:start}.card p,.card>h1{font-family:Raleway;margin:0 10px}.card p{font-size:13px;padding-top:15px}.card a{align-self:flex-start;background:#000;bottom:0;color:#caa368;font-family:Raleway;font-size:15px;margin:auto 10px 15px;padding:10px;position:relative;text-align:center;text-decoration:none}.card a:hover{background:#caa368;color:#000}@media screen and (max-width:720px){.blog{height:auto}.card-container{display:grid}.card{display:flex;flex-direction:column;height:auto;margin:20px auto;padding-bottom:15px;width:80%}.card a{margin-top:25px;width:80px}}.contact{background-color:#000;height:200px;width:100%}.contact>h1{color:#caa368;font-size:40px;font-weight:bolder;padding-top:20px}.contact>h1,.contact>p{font-family:Raleway;text-align:center}.contact>p{color:#fff;font-size:14px;margin-top:20px}.icons{display:flex;justify-content:center;margin-bottom:300px;margin-top:25px}.icon-look{color:#fff}.circle-icon{background:#0000;border:2px solid #fff;border-radius:100%;height:30px;line-height:30px;margin:0 10px;text-align:center;vertical-align:middle;width:30px}.icons>a:hover .circle-icon{border:2px solid #caa368}.icons>a:hover .icon-look{color:#caa368}
/*# sourceMappingURL=main.48e5cf05.css.map*/