:root{--secondary:#000;--primary:rgba(184,134,11,0.7);--tertiary:#ee6352;--contrast:#69140e}*{margin:0;padding:0;box-sizing:border-box}body,html{color:#000;color:var(--secondary);font-family:Arial,Helvetica,sans-serif;min-height:100vh}.background-image{position:relative;min-height:100vh;width:100%}.background-image:after{content:"";background-image:url(/webdev-showcase/static/media/Orange-Background-Wallpaper-HD-16464.ea9675e0.png);background-repeat:repeat;position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;background-size:42px;z-index:-1}footer,header{display:flex;background:rgba(184,134,11,.7);background:var(--primary);padding:20px 25px;justify-content:space-evenly;align-items:center}header{position:-webkit-sticky;position:sticky;top:0;z-index:9999}header h1{font-weight:700;font-size:60px;margin:0;text-shadow:0 0 10px rgba(0,0,0,.5)}.header-container{display:flex;flex-flow:row wrap;justify-content:center}.header-container h2{text-align:center;font-size:40px;font-weight:600;margin-top:10px;text-shadow:0 0 10px rgba(0,0,0,.3)}.nav-bar{display:flex;margin:25px 0 0}.nav-bar span{font-size:36px;font-weight:600;margin:0 35px}.nav-bar ul{display:flex;list-style:none}nav li{cursor:pointer}nav li:hover{color:#ee6352;color:var(--tertiary)}.navActive{color:#fff}.section-container{display:flex;justify-content:space-around;align-items:center;width:100%;margin:20px auto 35px}.profile-pic{width:25%;margin:40px;height:400px;border-radius:10px}.about-container{width:65%;padding:15px}.about-container p{font-size:24px;font-weight:600;text-align:left}.skill-container{display:flex;flex-direction:column;margin:30px auto;padding:20px}.skill-container:after,.skill-container:before{content:"";display:block;margin:0 auto;width:70%;padding-top:20px;border-bottom:1px solid rgba(184,134,11,.7);border-bottom:1px solid var(--primary)}.skill-container h2{text-align:center;font-size:40px;font-weight:700;color:#000;color:var(--secondary);padding-top:20px}ul.skills{display:flex;flex-wrap:wrap;justify-content:space-evenly;color:rgba(184,134,11,.7);color:var(--primary);list-style-type:none}ul.skills img{display:flex;width:auto;height:80px;padding:0 10px;margin:30px}.text-quote{width:100%;font-size:28px;font-style:italic;text-align:center;color:rgba(184,134,11,.7);color:var(--primary);padding:5px;text-shadow:0 0 10px rgba(0,0,0,.5)}.project-container{display:flex;flex-wrap:wrap;padding:15px;justify-content:space-around}.project-container:after{content:"";display:block;margin:0 auto;width:50%;padding-top:20px;border-bottom:1px solid rgba(184,134,11,.7);border-bottom:1px solid var(--primary)}.project-container:last-child:after{border-bottom:none}.project-container:nth-child(2n){flex-direction:row-reverse}.project-img img{width:500px;padding:5px;border-radius:15px;opacity:.8}.project-img img:hover{opacity:1;border:1px solid rgba(184,134,11,.7);border:1px solid var(--primary);border-radius:10px;box-shadow:0 0 10px rgba(184,134,11,.7);box-shadow:0 0 10px var(--primary)}.text-block{color:#000;color:var(--secondary);padding:5px 15px;width:500px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.text-block p{white-space:pre-line;font-size:22px;margin:0 15px}a{color:#000;color:var(--secondary);margin:10px}button{background-color:rgba(184,134,11,.7);background-color:var(--primary);border-radius:5px;margin:10px 0;width:95px;height:39px}a.button-link{color:#000;color:var(--secondary);text-decoration:none}a.button-link:hover{color:#ee6352;color:var(--tertiary)}button:hover{background-color:#fff}.scrollTop{position:fixed;width:100%;bottom:20px;align-items:center;height:40px;justify-content:center;z-index:1000;cursor:pointer;-webkit-animation:fadeIn .3s;animation:fadeIn .3s;transition:opacity .4s;opacity:.5}.scrollTop:hover{opacity:1}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:.5}}iframe{display:block;border:none;height:80vh;width:100vw}.footer{font-size:35px;justify-content:space-around}.links{display:flex}.links a:hover{color:#ee6352;color:var(--tertiary)}p{font-size:24px}@media screen and (max-width:1024px){header{padding-bottom:0;justify-content:center;display:flex;flex-wrap:wrap}header h1{width:100%;text-align:center;margin-bottom:10px}.header-container{flex-wrap:wrap;justify-content:center}.nav-bar{display:flex;justify-content:center}header nav ul{width:100%;justify-content:center;text-align:center}.about-container{width:100%}.profile-pic{width:35vw}.project-container:nth-child(n){flex-direction:column;align-items:center}.project-container{padding:10px;flex-wrap:nowrap}.text-block p{font-size:14px}.project-img img{width:100%;object-fit:contain;height:35vh;opacity:1}ul.skills li{list-style-type:none}.section-container{display:flex;flex-wrap:wrap;align-items:center;text-align:center}iframe{width:90vw}}@media screen and (max-width:768px){footer,header{position:relative}}@media screen and (max-width:575px){.section-container{width:100%;margin:0}header h1{font-size:35px}.header-container h2{font-size:25px}.nav-bar{margin-top:15px}.nav-bar ul{flex-direction:row}.nav-bar span{font-size:20px;margin:0 13px}.about-container{padding:8px 8px 8px 10px;width:100%;text-align:left}img.profile-pic{width:65vw;height:45vh;margin:20px}.about-container p{margin:auto}.about-container p,.text-quote{font-size:18px;text-align:center}.skill-container{padding:10px;margin:15px auto}ul.skills img{height:60px;margin:20px}.text-block{width:90vw}iframe{height:50vh}.footer{flex-direction:column}}@media screen and (max-width:300px){header h1{font-size:25px}.header-container h2{font-size:18px}img.profile-pic{width:70vw}.nav-bar span{padding:0}}
/*# sourceMappingURL=main.59a164f4.chunk.css.map */