@import url("https://fonts.googleapis.com/css?family=Inter&display=swap");@import url(https://db.onlinewebfonts.com/c/2d76cb598aee6bde4b2be73f0ef8ad32?family=SpriteGraffitiShadow);@import url("https://fonts.cdnfonts.com/css/sprite-graffiti");svg{overflow:visible}body,html{padding:0;margin:0}body{min-height:100%;width:100vw;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;overflow-x:hidden}#__next{height:100vh;width:100vw}#site-container{display:flex;align-items:center;height:100%;width:100%}#site{width:100%}.container{width:600vw;height:100vh;display:flex;flex-wrap:wrap}.project-name{font-size:5vw;font-weight:700}.navbar{display:flex;justify-content:flex-end;align-content:center;margin-right:15vw;height:20vh;width:100%}.navbar-button-group{display:flex;align-items:center;width:40%;justify-content:space-around}.nav-bar-back-button{height:20vh;cursor:pointer}.nav-bar-button{border:none;height:50px;font-size:1.5vw;font-family:Inter;font-weight:700;background-color:transparent;cursor:pointer;color:#000}.home-container{display:flex;width:100%;justify-content:space-evenly;align-items:center;height:80vh}.home-left-container{justify-content:right;width:35%}.home-left-container,.home-right-container{display:flex;align-items:center;height:100%}.home-right-container{justify-content:center;width:50%}.photo-paint-container{display:flex;align-items:center;justify-content:center;width:80%;height:100%}#jordan{width:100%;height:100%}#paint-splatter{filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));height:500px;width:500px;visibility:hidden}#blackwhiteprof{position:absolute;height:60%;width:auto;visibility:hidden}#home-text-container{width:100%;visibility:hidden}.home-text{font-family:Inter;font-style:normal;color:#000}.line-1.home-text{font-weight:400;font-size:3vw}.line-2.home-text{font-size:5vw;font-family:Sprite Graffiti,sans-serif;overflow:none;white-space:nowrap}.line-3.home-text{font-style:italic;font-weight:400;font-size:3vw;overflow:hidden}.line-4.home-text{font-style:normal;font-weight:400;font-size:1.5vw;overflow:hidden}.line-5.home-text{padding-top:.5rem}.line-6.home-text{margin-top:15px;font-style:italic;font-weight:400;font-size:1vw;line-height:19px}.line-7.home-text{margin-top:1rem;margin-right:7rem;font-size:.75vw;line-height:15px}.line-7.home-text,.line-8.home-text{text-align:center;font-style:italic;font-weight:400}.line-8.home-text{margin-top:.5rem;margin-right:6rem;font-size:1vw}#github-white,#linkedin-white{height:36px;width:36px}.grow{transition:all .2s ease-in-out}.grow:hover{transform:scale(1.1)}#techstack-container{transform:skewY(-6deg);padding-top:100px;padding-bottom:100px;margin-top:100px;width:100%;background-color:#c61618;border-top:10px solid #000;border-bottom:10px solid #000}.tech-logo{width:150px;height:150px;margin-left:1rem;margin-right:1rem}.techstack-list{display:flex;justify-content:center}.title{font-family:Inter;font-size:64px;text-align:right}.techstack-title{text-align:center;font-family:Sprite Graffiti,sans-serif}#project-list{width:100%}#projects-container{display:flex;width:100%;height:100%;visibility:hidden}.project-container{flex-direction:row;width:100%;margin-bottom:100px}#project-list,.project-container{display:flex;justify-content:space-around;align-items:center}#project-list{flex-direction:column;width:100vw;margin-bottom:50px}.project-button{visibility:hidden;display:flex;align-items:center;border-radius:5px;height:70%;width:25%}.project-video{visibility:none;width:40%}.project-icons{height:40px;width:40px;margin-top:10px;margin-right:10px}.video-links-container{display:flex;flex-direction:row;height:50%}#project-link-icon{margin:10px;height:25px;width:25px}#project-icons{display:flex;flex-direction:column;justify-content:space-around}.project-text-container{display:flex;flex-direction:column;color:#000;width:40%;font-family:Inter}.project-name-container{display:flex;flex-direction:row;align-items:center;width:100%}.project-name{font-size:6vw;width:100%;margin-right:10px;font-family:Sprite Graffiti,sans-serif}#project-description{font-size:1.5rem;font-weight:lighter;width:100%}#project-technologies{font-size:1rem;font-weight:lighter;font-style:italic;width:100%}.contact-container{width:100%;display:flex;justify-content:space-evenly}.profpic-container{display:flex;width:40%;justify-content:center}.contact-list-container{width:40%}.profpic{width:100%;height:auto;max-width:400px}.contact-list-container{display:flex;flex-direction:column;justify-content:center}.contact-logo{width:75px}.contact-title{font-family:SpriteGraffitiShadow;font-size:84px;color:red}.contact-list-logo-container{display:flex;flex-direction:row;align-items:center}.contact-list-name{font-size:48px;font-family:Sprite Graffiti,sans-serif}.project-title-logo{text-align:center;width:80%;max-width:1450px}#footer{width:100%}#footer-image{position:relative;width:100%;height:auto;top:10px}#footer-content{width:100%;height:20vh;background-color:#0b090a}.frame2-container{flex-direction:column}.frame2-container,.frame2-frame2{width:100%;display:flex;align-items:center}.frame2-frame2{gap:50px;height:auto;padding-top:50px;padding-bottom:50px;overflow:hidden;flex-shrink:0;justify-content:center;background-color:#0b090a}.frame2-frame8{display:flex;align-items:flex-start;flex-direction:column}.frame2-text{color:#f01212;width:586px;height:auto;font-size:96px;font-style:Regular;text-align:left;font-family:Sprite Graffiti,sans-serif;font-weight:400;line-height:normal;font-stretch:normal;text-decoration:none}.frame2-frame3{gap:122px;width:586px;display:flex;flex-wrap:wrap;align-items:flex-end;flex-shrink:0}.frame2-star{width:50px;height:50px}.frame2-group1{width:213px;height:167.54901123046875px;display:flex;position:relative;align-items:flex-start;flex-shrink:1}.frame2-frame5{gap:25px;top:65px;left:0;display:flex;position:absolute;align-items:center}.frame2-vector{width:50px;height:50px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.frame2-text2{color:#f01212;height:auto;font-size:36px;font-style:Regular;text-align:left;font-family:Sprite Graffiti,sans-serif;font-weight:400;line-height:normal;font-stretch:normal;text-decoration:none}.frame2-frame6{gap:33px;top:126px;left:0;display:flex;position:absolute;align-items:center;justify-content:center}.frame2-vector1{width:50px;height:50px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.frame2-text4{color:#f01212;height:auto;font-size:36px;font-style:Regular;text-align:left;font-family:Sprite Graffiti,sans-serif;font-weight:400;line-height:normal;font-stretch:normal;text-decoration:none}.frame2-frame7{gap:30px;top:0;left:0;display:flex;position:absolute;align-items:center;justify-content:center}.frame2-vector2{width:50px;height:50px}.frame2-text6{color:#e00000;height:auto;font-size:36px;font-style:Regular;text-align:left;font-family:Sprite Graffiti,sans-serif;font-weight:400;line-height:normal;font-stretch:normal;text-decoration:none}@media screen and (max-width:850px){.navbar{width:100vw;height:10%}.project-container{justify-content:center;width:100%}.column{flex-direction:column}.nav-bar-back-button{align-self:start}.project-text-container,.project-video{width:80%}.project-name{font-size:10vw;font-weight:700}.column-reverse{flex-direction:column-reverse}#project-list{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100vw}.project-logo{width:100%}.project-button{display:flex;width:100%}.navbar-button-group{width:100%}.nav-bar-button{font-size:12px}.home-container{width:100%;flex-direction:column-reverse;align-items:center;justify-content:center;height:auto}.home-left-container{width:100%;text-align:center;height:40vh;justify-content:center;margin-right:0}#home-text-container{height:100%}.home-right-container{align-items:center;justify-content:center;height:40vh;width:100%;margin-left:0}#blackwhiteprof{height:40vh}#paint-splatter{height:100%}.line-1.home-text{font-weight:400;font-size:6vw}.line-2.home-text{font-weight:700;font-size:12vw;overflow:none;white-space:nowrap}.line-3.home-text{font-style:italic;font-weight:400;font-size:6vw}.line-4.home-text{font-style:normal;font-weight:400;font-size:3vw}.line-5.home-text{padding-top:.5rem}.line-6.home-text{margin-top:2rem;font-style:italic;font-weight:400;font-size:3vw;line-height:19px}.line-7.home-text{margin-top:1rem;margin-right:7rem;font-size:2vw;line-height:15px}.line-7.home-text,.line-8.home-text{text-align:right;font-style:italic;font-weight:400}.line-8.home-text{margin-top:.5rem;margin-right:6rem;font-size:3vw}.tech-logo{width:20vw;height:auto}.techstack-list{flex-wrap:wrap}.techstack-title{font-size:10vw}.contact-container{flex-direction:column}.profpic-container{display:flex;justify-content:center;width:100%}.profpic{height:45vh;width:auto}.contact-list-container{width:100%;align-items:center}.contact-title{font-size:64px}.frame2-text{color:#f01212;width:auto;height:auto;font-size:9vw;font-style:Regular;text-align:center;font-family:Sprite Graffiti,sans-serif;font-weight:400;line-height:normal;font-stretch:normal;text-decoration:none}.frame2-frame3{width:50vw;gap:0;flex-wrap:nowrap;justify-content:space-evenly;display:flex;align-items:flex-end;flex-shrink:0}.frame2-star{width:7vw;height:auto}.frame2-vector{width:10vw}.frame2-text-link{font-size:5vw}.frame2-frame2{gap:10px;padding-bottom:100px}}