@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);body{background:linear-gradient(200deg,#003,#321) no-repeat 50%;height:101vh;margin:0;overflow:hidden;padding:0;width:100vw}.hidden{opacity:0}iframe{border:none}.About,iframe{height:100vh;width:100vw}.About{align-items:center;color:#eee;display:inline-flex;font-family:Open Sans,sans-serif;justify-content:center;overflow-y:scroll;position:relative}.About .text-container{height:60%;margin:auto;width:35%}.highlight{color:#d4710f;font-style:italic;font-weight:700}.underline{text-decoration:underline}.text-container h3{font-size:48px}.text-container p{color:#ddd;line-height:1.75em}#back-home a{color:#d4710f;font-style:italic}a{text-decoration:none}@media screen and (max-width:930px){.About .text-container{width:75%}.text-container h3{font-size:38px}}.Portfolio{background:linear-gradient(200deg,#003,#321) no-repeat 50%;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;height:100vh;min-height:100vh;overflow-x:hidden;padding:2rem}.portfolio-container{flex:1 1;margin:0 auto;max-width:1200px;padding-top:2rem;width:100%}.project-list{display:flex;flex-direction:column;gap:2rem;min-height:100%;padding-bottom:40px;padding-top:40px}.project-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.project-item:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-thumbnail{border-radius:6px;flex-shrink:0;height:80px;overflow:hidden;width:120px}.project-thumbnail img{height:100%;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.project-item:hover .project-thumbnail img{-webkit-transform:scale(1.05);transform:scale(1.05)}.project-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.project-header,.project-title{align-items:center;display:flex;gap:.5rem}.project-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.arrow-icon{font-size:1rem;opacity:.7;transition:opacity .3s ease}.project-item:hover .arrow-icon{opacity:1}.project-description{color:#ccc;font-size:.95rem;line-height:1.5;margin:0}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:#fff;font-size:.8rem;padding:.25rem .75rem;transition:all .3s ease}.tech-tag:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}#closePortfolio{align-items:center;border-radius:100%;color:#ddd;display:inline-flex;font-size:36px;font-weight:700;left:60px;position:absolute;top:30px;transition:all .5s ease;z-index:10}#closePortfolio span{font-size:20px}#closePortfolio:hover{color:orange;cursor:pointer}@media screen and (max-width:768px){.Portfolio{padding:1rem}.portfolio-container{padding-top:1rem}.project-item{flex-direction:column;gap:1rem;padding:1rem}.project-thumbnail{display:none}.project-title{font-size:1.1rem}.project-description{font-size:.9rem}}@media screen and (max-width:480px){.Portfolio{padding:.5rem}.project-item{padding:.75rem}.project-thumbnail{display:none}.project-tags{gap:.25rem}.tech-tag{font-size:.75rem;padding:.2rem .6rem}}
/*# sourceMappingURL=main.929e39f7.css.map*/