@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap);body{margin:0;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}:root{--ebony:#22262a;--darkYellow:#feda15;--forestGreen:#19342d;--mistyBlue:#bfd0da}*{box-sizing:border-box}body,html{font-family:"Open Sans",sans-serif;color:#22262a;color:var(--ebony);background-color:#bfd0da;background-color:var(--mistyBlue);width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0;padding:0;overflow-x:hidden;font-weight:200}body{position:relative}h1,h2,h3,h4{font-family:"Playfair Display",serif;color:#19342d;color:var(--forestGreen)}h1{font-size:50px}h2{font-size:35px;margin-bottom:5px}h3{font-size:30px}h4{font-size:20px}p{font-size:18px}header{font-family:"Playfair Display",serif;width:100%;position:absolute;top:0;left:0}.nomargin{margin:0;padding:0}.navigation{position:fixed;width:100%;display:flex;flex-direction:row;justify-content:space-between}.navigation .logo{width:70px;display:flex;align-items:center;cursor:pointer}.navigation .logo img{width:100%;margin:0 15px}.navigation .logo .active{border-top:none}.navigation .hamburger-react{display:none}.navigation ul{height:100%;box-sizing:border-box;list-style-type:none;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;margin:0}.navigation ul,.navigation ul div{display:flex;align-items:center}.navigation li{font-weight:300;font-size:25px;padding:10px 15px;justify-content:center;cursor:pointer;transition:all .1s linear;border-top:0 solid #a2a2a2}.navigation a,.navigation li{display:flex;height:100%;color:#22262a;color:var(--ebony)}.navigation a{text-decoration:none;align-items:center}.navigation a.active,.navigation a.active:hover{border-top:none}.navigation .active,.navigation .active:hover{border-top:4px solid #feda15;border-top:4px solid var(--darkYellow)}.navigation ul div:hover{border-top:4px solid #a2a2a2}.blur{position:absolute;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;height:60px;z-index:-1}button{background-color:inherit;border:1px solid #22262a;border:1px solid var(--ebony);color:#22262a;color:var(--ebony);font-family:inherit;padding:15px 32px;text-align:center;text-decoration:none;display:block;width:-webkit-min-content;width:-moz-min-content;width:min-content;font-size:16px;margin:4px 2px;cursor:pointer;outline:none}button:hover{color:#19342d;color:var(--forestGreen);background-color:#feda15;background-color:var(--darkYellow)}.green:hover{background-color:#19342d;background-color:var(--forestGreen);opacity:.7;color:#bfd0da;color:var(--mistyBlue)}.podcast-button{border:1px solid #feda15;border:1px solid var(--darkYellow)}.nacked{border:none;text-transform:uppercase}.hero{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero .move{width:100%}.hero p{margin:-10px 0 0;text-transform:uppercase}.hero a{text-decoration:none;color:#22262a;color:var(--ebony)}.hero .nacked{font-size:30px}.nacked:hover{background-color:#bfd0da;background-color:var(--mistyBlue);font-weight:700}.nacked.active{border:none;font-weight:700}.container{display:flex;flex-direction:row;align-items:center;justify-content:center}.container .description{max-width:700px}#about .container{flex-wrap:wrap-reverse}#about,#projects{padding:100px 30px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}#about div,#projects div{padding:20px}#about div .nomargin,#projects div .nomargin{margin:0;padding:0}#about .intro,#projects .intro{line-height:1.7;max-width:500px}#about img{max-width:300px;border-radius:50%}#skills{padding:100px 30px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}#skills .skills{display:flex;flex-flow:row wrap;justify-content:center;font-size:40px;max-width:500px}#skills .skills div{color:#19342d;color:var(--forestGreen);display:flex;justify-content:center;align-items:center;margin:0 5px}#skills .skills div p{position:absolute;font-weight:400;font-size:20px;opacity:0;max-width:150px;text-align:center;margin:auto}#skills .skills div:hover svg{color:#feda15;color:var(--darkYellow);opacity:.7}#skills .skills div:hover p{opacity:1}#skills div{padding:20px}#skills .intro{line-height:1.7;max-width:500px}#projects .selection{display:flex;flex-direction:column}#projects .selection div{padding:0}#projects .selection svg{margin:0 5px;font-size:25px}#projects .selection button{padding:5px}#projects .options{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding-top:0}#projects .techProjects{padding:0}#projects .closed{width:0;opacity:0}#projects .open{width:auto;opacity:1}#projects img{max-width:500px;border-radius:0}#projects .bizProjects img{max-width:400px;box-shadow:5px 10px 8px #888}#projects h3{margin-bottom:10px}#projects h5{margin:5px 0}#projects .buttons{display:flex;flex-direction:row;align-items:center;justify-content:center}#projects .buttons button{margin:0 10px}#projects .buttons a{text-decoration:none;cursor:pointer}#projects .icons{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;font-size:30px}#projects .icons div{padding:0 5px;color:#19342d;color:var(--forestGreen);display:flex;align-items:center;justify-content:center}#projects .icons div p{position:absolute;font-weight:400;font-size:15px;opacity:0;max-width:100px;text-align:center;margin:auto}#projects .icons div:hover svg{color:#feda15;color:var(--darkYellow);opacity:.7}#projects .icons div:hover p{opacity:1}#contact{padding:100px 30px 50px;display:flex;flex-direction:column;align-items:center}#contact h2{margin-bottom:20px}#contact .contact,#contact .contact form{border:1px solid #22262a;border:1px solid var(--ebony);transition:all .5s ease-in-out;opacity:0;height:0}#contact .contact button,#contact .contact div,#contact .contact form button,#contact .contact form div{display:none}#contact .open,#contact .open form{opacity:1;height:400px;margin-bottom:3rem;transition:all .5s ease-in-out}#contact .open button,#contact .open div,#contact .open form button,#contact .open form div{display:inline;display:initial}#contact form{display:flex;flex-direction:column;align-items:center;width:400px;padding:20px;justify-content:center}#contact form div{padding:5px;font-size:18px;width:95%}#contact form input,#contact form textarea{box-sizing:border-box;background-color:#bfd0da;background-color:var(--mistyBlue);border:none;border-bottom:1px solid #22262a;border-bottom:1px solid var(--ebony);width:100%;padding:12px 10px;font-family:"Open Sans",sans-serif}#contact form textarea{border-left:1px solid #22262a;border-left:1px solid var(--ebony)}#contact form input:focus,#contact form textarea:focus{border:2px solid #22262a;border:2px solid var(--ebony)}#contact .icons{font-size:60px;margin:20px;display:flex;flex-direction:row;width:500px;justify-content:space-evenly}#contact .icons div{padding:0}#contact .icons div,#contact .icons div a{display:flex;align-items:center;justify-content:center}#contact .icons div a{cursor:pointer}#contact .icons div a svg{color:#19342d;color:var(--forestGreen)}#contact .icons div a p{position:absolute;font-weight:400;font-size:20px;opacity:0;max-width:100%;text-align:center;margin:auto}#contact .icons div:hover a svg{color:#feda15;color:var(--darkYellow);opacity:.7}#contact .icons div:hover a p{opacity:1;color:#19342d;color:var(--forestGreen)}iframe{border-radius:2px}iframe .css-cpn8dn{background:red}#podcast{padding:100px 50px;max-width:1200px}#podcast .title{margin-bottom:50px}#podcast img{max-width:300px}#podcast ul{list-style-position:inside;list-style-type:none}#podcast ul li{line-height:1.5}#podcast .odesliFrame{margin-bottom:50px}#podcast .anchorDiv{width:600px;margin:auto}#podcast .anchorDiv .anchorPlayer{text-align:center;height:100px;width:500px;margin:10px}@media only screen and (max-width:900px){.navigation .hamburger-react{margin:0 15px;display:block}.navigation .hide{display:none}.navigation .blur{-webkit-backdrop-filter:none;backdrop-filter:none}.navigation ul{position:absolute;right:0;margin:50px 0;width:20%;list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;padding-right:15px}.navigation ul li{padding:5px 15px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navigation a.active,.navigation a:hover{border-top:none;border-right:none;padding-right:0}.navigation .active,.navigation .active:hover{padding-right:5px;border-top:none;border-right:3px solid #feda15;border-right:3px solid var(--darkYellow)}.container{flex-wrap:wrap;max-width:800px}}@media only screen and (max-width:500px){.hero .move img{width:350px}.hero p{font-size:15px;width:200px;margin-top:10px}#about .container{width:100%}#about .container .intro,#skills .skills{width:80%}#projects .container{flex-wrap:wrap}.image{padding-bottom:0}img{width:90%}.description{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}h3{margin-top:-30px}.contact{width:80%}#projects .icons{width:100%}#projects .icons div{margin:0 px}#contact .icons{width:80%}#contact form{width:100%;margin:0}#contact form input,#contact form textarea{width:70%}#podcast .anchorDiv,#podcast .anchorDiv .anchorPlayer,#podcast .intro,#podcast .odesliFrame,#podcast .odesliFrame .anchorPlayer,#podcast h2{width:300px;margin:auto}}
/*# sourceMappingURL=main.89a51503.chunk.css.map */