@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Quicksand:wght@300..700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--white: #f5f8fa;--black: #0c0c22;--primary-color: #4d2b8c;--primary-darker: #391972;--primary-darkest: #240957;--primary-lighter: #63449b;--primary-lightest: #856ab6;--secondary-color: #85409d;--secondary-darker: #71288c;--secondary-darkest: #591571;--secondary-lighter: #a163b7;--secondary-lightest: #c697d7;--secondary2-color: #eea727;--secondary2-darker: #c5830c;--secondary2-darkest: #9c6400;--secondary2-lighter: #fdc051;--secondary2-lightest: #ffd07a;--accent-color: #ffef5f;--accent-darker: #e7d539;--accent-darkest: #c0af18;--accent-lighter: #fff283;--accent-lightest: #fff7ae;--serif: "Lora", "Georgia", serif;--sans-serif: "Quicksand", sans-serif;--border-radius: 5px}*{box-sizing:border-box}html{scroll-behavior:smooth}ul{list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}body{line-height:1.5}section{margin:1.5rem auto;width:90%}.site{display:flex;min-height:100vh;flex-direction:column}h1,h2,h3{font-family:var(--serif);font-optical-sizing:auto;font-style:normal}p,a{font-family:var(--sans-serif);font-optical-sizing:auto;font-style:normal}a{text-decoration:none}a:hover{cursor:pointer}header{position:sticky;top:0;left:0;right:0;padding:1rem;background:var(--primary-color);z-index:20}.nav-bar{display:flex;flex-direction:row;align-items:center;position:relative;color:#f9f6ee;margin:0 auto;width:100%}.nav-bar .iht{margin:0 auto 0 8px;font-size:1.2rem;display:inline-flex;align-items:center}.iht img{width:100%}.iht-logo{background:var(--white);display:inline-block;width:3rem;height:3rem;border-radius:50%;padding:2px;overflow:hidden;margin-right:8px}.iht-logo img{width:100%}.hamburger{display:flex;flex-direction:column}.hamburger .bar{width:32px;height:5px;border-radius:6px;background:var(--white);margin-bottom:5px}.section-anchor{display:block;position:relative;height:0;visibility:hidden}.menu-links{display:none;flex-direction:column;position:relative}.menu-links.active{display:flex;position:absolute;top:130%;width:90%;left:5%;background:var(--primary-color)}.menu-links.active .menu-link{border-bottom:2px solid var(--primary-lightest);padding:1.5rem 1rem;font-size:1.5rem;text-align:center}.menu-links.active li a,.menu-links a{color:var(--white)}.menu-links a:hover{color:var(--secondary2-lighter)}.split-screen-hero{align-items:center;display:flex;flex-direction:column-reverse;gap:10px}.profile-image-coin{border-radius:50%;height:200px;width:200px;position:relative}.profile-image{border-radius:50%;position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;transition:transform 1s}.profile-image img{width:100%;object-fit:cover}.profile-image.front img{width:110%}.profile-image.back{transform:rotateY(180deg)}.profile-image-coin:hover .profile-image.front{transform:rotateY(-180deg)}.profile-image-coin:hover .profile-image.back{transform:rotateY(0)}.details{display:flex;flex-direction:column;gap:20px;width:90%}.details h1{color:var(--primary-darkest);font-size:1.5rem;text-align:center;line-height:1.2}.details h1 .title-pipe{display:none}.details p{font-size:1rem;line-height:1.2}.social-links{display:none}.social-icons{display:flex;justify-content:center;gap:20px;margin-bottom:1rem}.social-icons a{color:var(--black)}.project-grid{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.project-card{display:flex;flex-direction:column;padding:.75rem;border-radius:var(--border-radius);box-shadow:0 5px 11px -5px var(--secondary-darkest);position:relative}.project-details{text-align:center}.project-title{font-size:1.25rem;font-weight:700}.skills-list{margin:1rem auto;font-size:.9rem;color:var(--primary-darkest)}.skill-item{display:inline;font-weight:600;font-family:var(--sans-serif)}.skill-item:not(:last-child):after{content:" ~ ";color:var(--secondary2-color);font-weight:700}.project-links{display:flex;justify-content:space-around}.btn{cursor:pointer;display:inline-block;padding:.5rem .75rem;border-radius:20px;width:7rem;text-align:center;font-family:var(--sans-serif);font-weight:700;transition:transform .2s ease-in}.btn:hover,.btn:focus{transform:scale(1.1);transition:transform .2s ease-in}.btn.btn-primary{background:var(--primary-darkest);border:1px solid var(--primary-darkest);color:var(--white)}.btn.btn-primary:hover,.btn.btn-primary:focus{color:var(--accent-color)}.btn.btn-secondary{border:1px solid var(--primary-darkest);color:var(--primary-darkest);background:var(--white)}.btn.btn-secondary:hover,.btn.btn-secondary:active{background:var(--secondary2-color);color:var(--primary-darkest)}.img-container{flex:0 0 320px;height:320px;position:relative;overflow:hidden;border-radius:var(--border-radius)}.img-container img,.project-video{width:100%;height:100%;position:absolute}.img-container img{object-fit:cover;top:30px;left:30px;border-radius:var(--border-radius)}.img-container[data-project=greyhound-table]{background:var(--primary-lightest)}.img-container[data-project=germany-trivia]{background:var(--accent-darkest)}.img-container[data-project=shuggapuss]{background:var(--secondary-darkest)}.img-container[data-project=hangdog]{background:var(--secondary2-lighter)}.project-video{opacity:0;transition:opacity .3s ease;object-fit:contain;top:0;left:0;background:var(--primary-darker)}.project-video[data-project=greyhound-table]{background:var(--secondary-lightest)}.project-video[data-project=germany-trivia]{background:var(--primary-darkest)}.project-video[data-project=shuggapuss]{background:var(--accent-darker)}.project-video[data-project=hangdog]{background:var(--secondary-lighter)}.video-toggle{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;border:none;padding:8px 12px;border-radius:5px;font-size:.9rem;cursor:pointer;z-index:5}.video-toggle:hover{background:#000000e6}.tab-content{display:none}.tab-content.active{display:block}.tab-buttons{display:flex;margin:0 1.4rem;gap:1rem}.tab-btn{height:2rem;border:2px solid var(--secondary-darkest);border-width:2px 0 0;cursor:pointer;position:relative}.tab-btn.dev,.tab-btn.dev:before,.tab-btn.dev:after{background:var(--secondary-color)}.tab-btn.person,.tab-btn.person:before,.tab-btn.person:after{background:var(--secondary-lightest)}.tab-btn.person{background:var(--secondary-lightest)}.tab-btn.active{z-index:10;position:relative}.tab-btn div{padding:.2rem}.tab-btn:before,.tab-btn:after{content:"";height:100%;width:21px;position:absolute;top:-2px}.tab-btn:before{border-right:2px solid var(--secondary-darkest);border-top:2px solid var(--secondary-darkest);right:-16px;transform:skew(15deg);border-radius:0 8px 0 0}.tab-btn:after{top:-2px;border-left:2px solid var(--secondary-darkest);border-top:2px solid var(--secondary-darkest);left:-16px;transform:skew(-15deg);border-radius:8px 0 0}.tab-btn span{display:inline-block;padding:.2rem .1rem;font-family:var(--sans-serif)}.tab-btn.active span{border:2px solid var(--secondary-darkest);background:var(--white);border-radius:var(--border-radius)}.tab-content{border:2px solid var(--secondary-darkest);border-radius:var(--border-radius);padding:1rem;position:relative;top:-2px}.tab-content.dev{background:var(--secondary-color)}.tab-content.person{background:var(--secondary-lightest)}.tab-content-text p{margin-bottom:.5rem}.tab-content-text{background:var(--white);padding:.5rem;border-radius:var(--border-radius);height:500px}.tab-content-text p{line-height:1.2}.tech-icons{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}footer{background:var(--secondary2-lightest);padding:1rem;display:flex;flex-direction:column;align-items:center}footer .footer-heading{font-family:var(--serif);font-weight:700;font-size:1.25rem}footer .contact-links{font-size:1.25rem;display:flex;flex-direction:column;gap:.5rem}.contact-links p{display:inline-block;background:var(--primary-darker);border-radius:50px;padding:.25rem .5rem}.contact-links p,.contact-links a{color:var(--accent-color)}@media screen and (min-width:390px){.tab-content-text{height:420px}.tab-content-text p{line-height:1.5}}@media screen and (min-width:475px){section{padding:0 3rem}}@media screen and (min-width:768px){.tab-content-text{height:280px}.tab-content-text p{line-height:1.5}footer .contact-links{flex-direction:row;gap:1rem;margin:1rem auto}.contact-links p{padding:.5rem 1rem}}@media screen and (min-width:820px){header{padding:1rem 4.2rem}.hamburger{display:none}.menu-links{font-size:1.4rem;gap:30px;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.split-screen-hero{flex-direction:row;gap:20px}.profile-image-coin{margin:0 auto;height:250px;width:250px}.details{gap:30px;width:60%}.details h1{font-size:1.5rem}.details h1 .title-pipe{display:inline}.details h1 .title-break{display:none}.social-icons a svg{width:32px;height:32px}.project-grid{margin-top:2rem;gap:2rem}.project-card{flex-direction:row;gap:1rem;align-items:center;padding:1rem;box-shadow:0 5px 10px -3px var(--secondary-darkest)}.project-card:nth-of-type(odd){flex-direction:row-reverse}.project-details{text-align:left;flex:1}.project-card:nth-of-type(odd) .project-details{text-align:right}.video-toggle{display:none}.img-container{flex:0 0 320px;height:320px}.img-container img{object-fit:cover;top:50px;left:50px}.project-links{gap:1rem}.project-card:nth-child(odd) .project-links{justify-content:flex-end}.project-card:nth-child(2n) .project-links{justify-content:flex-start}.btn:hover,.btn:focus{color:var(--accent-color);transform:scale(1.15);transition:transform .2s ease-in}.tab-buttons{margin:0 2rem}}@media screen and (min-width:900px){section{width:90%;margin:3.5rem auto}}@media screen and (min-width:1000px){.details h1{text-align:left;font-size:2.1rem}.details p{font-size:1.2rem;line-height:1.5}.social-links{display:flex}.social-icons{display:none}.social-links-holder{position:relative;height:2.25em;perspective:500px;width:10rem}.social-links-holder .block{position:absolute;left:0;top:0;width:100%;height:100%;transform-style:preserve-3d;transition:all 1s;transform:translateZ(-18px)}.social-links-handle{display:flex;justify-content:center;gap:8px}.social-links-holder .block .social-links-platform,.social-links-holder .block .social-links-handle{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#f5f8fa;transition:background 1s}.social-links-holder .block .social-links-platform{transform:rotateX(0) translateZ(18px)}.social-links-holder .block .social-links-handle{transform:rotateX(-90deg) translateZ(18px)}.social-links-holder:hover .block{transform:translateZ(-18px) rotateX(90deg)}.social-links-holder.linkedIn .block .social-links-platform,.social-links-holder.linkedIn .block .social-links-handle{background:#007bb5}.social-links-holder.linkedIn .block .social-links-handle{background:#002436}.social-links-holder.linkedIn:hover .block .social-links-handle{background:#007bb5}.social-links-holder.linkedIn:hover .block .social-links-platform{background:#36beff}.social-links-holder.gitHub .block .social-links-platform,.social-links-holder.gitHub .block .social-links-handle{background:#787878}.social-links-holder.gitHub .block .social-links-handle{background:#383838}s .social-links-holder.gitHub:hover .block .social-links-handle{background:#787878}.social-links-holder.gitHub:hover .block .social-links-platform{background:#b8b8b8}.social-links-holder.codePen .block .social-links-platform,.social-links-holder.codePen .block .social-links-handle{background:#191919}.social-links-holder.codePen .block .social-links-handle{background:#000}.social-links-holder.codePen:hover .block .social-links-handle{background:#191919}.social-links-holder.codePen:hover .block .social-links-platform{background:#595959}.about-tabs{width:800px;margin:0 auto}.tab-buttons{margin:0 2.5rem}}@media screen and (min-width:1200px){section{margin:0 auto;padding:3rem 5rem}.profile-image-coin{height:350px;width:350px}}@media screen and (min-width:1500px){section{width:85%;margin:100px auto}}