@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/heebo/v28/NGSpv5_NC0k9P_v6ZUCbLRAHxK1EiSysd0mm_00.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/heebo/v28/NGSpv5_NC0k9P_v6ZUCbLRAHxK1EiSysCUmm_00.woff2) format("woff2");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/heebo/v28/NGSpv5_NC0k9P_v6ZUCbLRAHxK1EiSysG0mm_00.woff2) format("woff2");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/heebo/v28/NGSpv5_NC0k9P_v6ZUCbLRAHxK1EiSyse0mm_00.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/heebo/v28/NGSpv5_NC0k9P_v6ZUCbLRAHxK1EiSysdUmm.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Julius Sans One;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/juliussansone/v20/1Pt2g8TAX_SGgBGUi0tGOYEga5WOzHsX2aE.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Julius Sans One;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/juliussansone/v20/1Pt2g8TAX_SGgBGUi0tGOYEga5WOwnsX.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{--background-light-grey: #222222;--background-lighter-grey: #444444;--background-lightest-grey: #666666;--button-background: #898989b7;--button-hover: #b8b8b8b7;--background-grey: #141414;--background-grey-80: #141414cc;--background-grey-50: #14141480;--background-grey-30: #1414144d;--red: #4b0c0c;--shadow: rgba(0, 0, 0, .4);--box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, .4);--font-color: white;--side-gradient: linear-gradient( to right, var(--background-grey-50), rgba(0, 0, 0, 0) 30% );--top-gradient: linear-gradient( to bottom, var(--background-grey), rgba(0, 0, 0, 0) );--julius: "Julius Sans One", sans-serif;--heebo: "Heebo", sans-serif;--roboto: "Roboto", sans-serif;box-sizing:border-box}html{position:absolute;left:0!important;right:0!important;width:100vw;background-color:var(--background-grey);color:var(--font-color);overflow-x:hidden;overflow-y:hidden;scroll-behavior:smooth}.hide{overflow:hidden}body{position:relative;margin:-22px 0 0;padding:0;overflow-x:hidden}.loader{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;margin:0 auto;z-index:100000;background-image:radial-gradient(ellipse at center,#4b0c0c,#160404)}.dot{width:30px;height:30px;margin:15px;border-radius:50%;animation:leap 1s infinite;background-color:#fff}.dot:nth-child(1){box-shadow:0 0 5px .1px #14141499}.dot:nth-child(2){animation-delay:.15s;box-shadow:0 0 5px .1px #14141499}.dot:nth-child(3){animation-delay:.3s;box-shadow:0 0 5px .1px #14141499}h3{position:relative;font-size:1.5rem;font-family:var(--roboto);padding:4px;margin-top:0;margin-bottom:0;margin-left:5vw;z-index:0}h4{font-size:1.25rem;font-weight:700;margin:0}.carouselCont{width:100%;display:none;height:fit-content;position:relative;overflow:visible;padding:0;box-sizing:border-box}.cardCarouselCont{--scale: 18vw ;position:relative;height:calc(var(--scale) * .95);margin-left:5vw;margin-top:12px;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.cardCont{--scale: 18vw ;height:calc(var(--scale) * .95);width:var(--scale);float:left}.card{position:relative;font-family:var(--roboto);height:100%;width:95%;margin:auto;border-radius:16px;box-shadow:0 0 12px 2px var(--shadow);z-index:4;overflow:hidden;transition:all .3s;transition-delay:.2s;background:var(--color);border:2px solid white}.card:hover,.focusedCard{transform:scale(1.5);box-shadow:0 0 15px 4px var(--shadow);z-index:10;transition:all .3s;transition-delay:.3s}:is(.card:hover,.focusedCard) .iconbg{height:65%;width:65%;margin:auto;transition:all .3s;transition-delay:.3s}:is(.card:hover,.focusedCard) .cardDetail{display:block;height:35%;width:100%;background-color:var(--background-light-grey);transition:all .3s;transition-delay:.3s;border-radius:0}:is(.card:hover,.focusedCard) .cardDetail .showMore{opacity:100%;transition:opacity .4s .6s!important}.focusedCard{border-color:#64d8ff}.modalIconbg{height:45%;width:100%;background-color:var(--color)}.iconCont{height:100%;width:fit-content;margin:auto}.iconbg,.icon{height:100%;width:100%;margin:auto;border-radius:16px;background-position:center;background-image:var(--url);background-size:var(--size);background-color:var(--color);background-repeat:no-repeat;transition:all .3s;transition-delay:.2s}.cardDetail{text-indent:0;font-size:1rem;height:0%;width:100%;transition:all .3s;transition-delay:.2s;background-color:var(--background-light-grey)}.cardDetail>p{padding:0 8px 8px;text-overflow:ellipsis}.titleCont{height:fit-content;width:100%;align-items:center;padding:8px;color:#fff;background-color:var(--background-light-grey)}.titleCont>span{width:100%;margin-top:4px;font-size:1rem;font-weight:600}.years{background:#fff;font-size:.75rem;text-align:center;font-weight:600;border-radius:25px;margin-top:6px;padding:4px 8px;width:fit-content;color:#000}.arrowButton{--scale: 18vw ;cursor:pointer;position:absolute;bottom:0;border:none;outline:none;height:calc(var(--scale) * .97);z-index:5;background-color:var(--background-grey-50);display:flex;align-items:center;justify-content:center;min-width:50px;max-width:80px;padding:0 8px;box-sizing:border-box}.arrow{transition:all .2s;flex-shrink:0}.arrowButton:hover .arrow{transform:scale(1.5);transition:all .2s}.rightArrowButton{right:0;border-radius:16px 0 0 16px;padding-right:max(8px,env(safe-area-inset-right))}.rightArrow{margin:0 auto}.leftArrowButton{display:none;left:0;border-radius:0 16px 16px 0;padding-left:max(8px,env(safe-area-inset-left))}.leftArrow{margin:0 auto}.showMore{cursor:pointer;position:absolute;padding:0;right:8px;bottom:8px;height:1.75rem;width:1.75rem;align-content:center;background-color:var(--background-lighter-grey);border:none;outline:none;opacity:0%;border-radius:50%;transition:opacity .2s .2s!important;touch-action:manipulation}.showMore:hover{background-color:var(--background-lightest-grey);transition:background-color 0s 0s!important}.skillsCont,.jobsCont,.projectsCont{display:flex;flex-wrap:wrap;width:100%;height:100%;min-height:30px;background-color:var(--background-light-grey);margin-top:8px;margin-bottom:8px}.skillCapsule,.jobCapsule,.projectCapsule{display:block;background-color:var(--background-lighter-grey);color:var(--color);border-radius:15px;padding:6px 8px;margin-right:6px;margin-bottom:8px;float:left;width:fit-content;height:fit-content;transition:all .2s;text-decoration:none}.skillCapsule:hover,.jobCapsule:hover,.projectCapsule:hover{cursor:pointer;color:var(--color);background-color:var(--background-lightest-grey);transform:scale(1.1);box-shadow:0 0 6px 2px var(--color);transition:all .2s}.modal{position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);align-content:center;width:50vw;height:90vh;z-index:101;transition:all 0s}button{touch-action:manipulation}.modalCard{position:relative;font-family:var(--roboto);font-size:1.25rem;height:95%;width:95%;margin:auto;border-radius:16px;box-shadow:0 0 12px 2px var(--shadow);z-index:4;transition:all 0s 0s;background-color:var(--background-light-grey);transform-origin:center;overflow:auto;animation:fade-in .3s 1}.modalCard .modalIconbg{height:45%;width:100%;background:var(--color);margin:auto;transition:all .3s}.modalCard .modalIconbg .icon{height:100%;width:35%}.modalCard .cardDetail{display:block;height:fit-content;padding:8px;background-color:var(--background-light-grey);transition:all .3s}.titleCont>h4{font-size:1.5rem}.titleCont>h5{font-size:1.25rem;margin:0}.titleCont .years{margin-top:8px;margin-bottom:8px;font-size:1rem}.closeModal{cursor:pointer;position:absolute;top:25px;right:30px;font-family:var(--roboto);font-weight:600;font-size:1.13rem;color:#fff;height:40px;width:40px;outline:none;border:none;border-radius:50%;background-color:var(--button-background);opacity:0%;text-align:center;animation:appear .1s 1 .3s forwards;touch-action:manipulation}.closeModal:hover{background-color:var(--button-hover)}footer{padding:24px;height:400px;width:100%;background-color:#000}.text{width:100%;height:50%;display:grid;justify-content:center;align-content:center;text-align:center}.text>p{font-size:.75rem}.linkCont{width:100%;height:50%;display:flex;justify-content:center;align-items:center}.iconLinks{display:flex;height:fit-content;justify-content:space-around;align-content:center;width:50%}.iconLink,.iconLinkCont{display:block;height:50px;width:50px;border-radius:50%}#linkedInLink>.iconLink{height:51px;width:51px}#codePenLink{background-color:#fff}#codePenLink>.iconLink{padding:1px}#gitHubLink{height:51px;width:51px;background-color:#fff}#gitHubLink>.iconLink{width:51px}nav{position:fixed;top:0;height:fit-content;width:100%;padding:4px;display:flex;justify-content:center;z-index:100;background:var(--top-gradient);transition:background .2s}nav>ul{display:flex;width:50%;justify-content:space-around;list-style:none}nav>ul>a{font-family:var(--roboto);text-decoration:none;font-weight:400;color:#fff}a:hover{color:#aaa}::-webkit-scrollbar{width:10px;margin-right:2px}::-webkit-scrollbar-track{background:var(--background-light-grey);border-radius:0 4px 4px 0}::-webkit-scrollbar-thumb{background:var(--background-lighter-grey);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--background-lightest-grey)}@keyframes fade-in{0%{height:0%;width:0%}to{height:95%;width:95%}}@keyframes appear{0%{opacity:0%}to{opacity:100%}}@keyframes leap{50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media only screen and (max-width: 500px){*{touch-action:manipulation}html,body{width:100vw}.card:hover{transform:unset}.arrowButton:hover .arrow{transform:scale(1);transition:all .2s}html{font-size:.6rem}h3{margin-left:10vw}.modal{width:100%;height:100%;position:fixed;top:0;left:0;transform:translate(0);transition:all 0s}.modalCard{width:100%;height:100%;padding-bottom:50px;transition:all 0s;animation:none}.titleCont>h4{font-size:2rem}.titleCont>p{font-size:1.5rem}.titleCont .years{font-size:1.5rem}.titleCont>h5{font-size:1.75rem}.titleCont :is(.projectsCont,.jobsCont,.skillsCont){font-size:1.5rem}.closeModal{right:25px;font-size:1.5rem}.focusedCard{transform:none;border-color:#64d8ff}.arrow{width:35px;height:35px}.modalCard .modalIconbg .icon{width:65%}footer{height:200px}.iconLinks{width:70%}.iconLinkCont{height:40px;width:40px}.iconLinkCont .iconLink{height:40px;width:40px}#linkedInLink>.iconLink,#gitHubLink,#gitHubLink>.iconLink{height:40px;width:40px}.text>p{font-size:1.5rem}.text>span{font-size:1.5rem}.skillCapsule,.jobCapsule,.projectCapsule{text-decoration:underline}nav{padding-top:8px;padding-bottom:8px;font-size:1.5rem}}@media only screen and (max-width: 1000px){nav{padding-top:4px}nav>ul{padding:0;width:100%}}@media only screen and (min-width: 500px) and (max-width: 900px){html{font-size:.7rem}.modal{width:80vw}}@media only screen and (min-width: 900px) and (max-width: 1280px){html{font-size:.78rem}}@media only screen and (min-width: 1280px) and (max-width: 1700px){html{font-size:1.05rem}.modal{width:50vw}.titleCont>span{font-size:.9rem}.titleCont>span>.years{font-size:.7rem}}@media only screen and (min-width: 1700px){.arrowButton{padding-left:14px;padding-right:14px}html{font-size:1.15rem}.titleCont>span{font-size:1rem;font-weight:600}.titleCont>span>.years{font-size:.9rem}}