@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap";.portfolio{width:100vw;display:flex;flex-direction:column}.portfolio h1{font-size:36px}.portfolio h2{font-size:30px}.portfolio h3{font-size:24px}.portfolio h4{font-size:20px}.portfolio p,.portfolio span{font-size:18px}.portfolio p{text-indent:1.2em;text-align:justify}.portfolio hr{border:2px var(--border) solid;width:100vw}.portfolio a{color:var(--react-color);transition:color .3s ease-in-out}.portfolio a:hover{color:var(--hover-react-color)}.portfolio button{border:none;background-color:transparent}.portfolio .reveal.bottom{transform:translateY(150px);opacity:0;transition:1s all ease-in-out;z-index:0}.portfolio .reveal.bottom.active{transform:translateY(0);opacity:1}.portfolio .reveal.leftright{transform:translate(-150px);opacity:0;transition:1s all ease-in-out;z-index:0}.portfolio .reveal.leftright:nth-child(2n){transform:translate(150px);opacity:0;transition:1s all ease-in-out;z-index:0}.portfolio .reveal.leftright.active{transform:translate(0);opacity:1}.section{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.section:nth-child(0){margin-top:64px}.content{min-height:calc(100vh - 64px);width:100vw;max-width:1024px;margin:0 50px;padding:100px 25px;display:flex;justify-content:center;flex-direction:row;align-items:center;gap:24px}.column .content{flex-direction:column}@media screen and (max-width: 600px){.content{flex-direction:column;overflow:hidden}.section:nth-child(2) .content{flex-direction:column-reverse}}._reactLogo_i5azx_1{height:250px;animation:_rotateLogo_i5azx_1 30s linear infinite;cursor:pointer}._reactLogo_i5azx_1:hover{filter:drop-shadow(0px 0px 100px var(--react-color))}._firstElement_i5azx_25{margin-top:64px}@keyframes _rotateLogo_i5azx_1{0%{rotate:0deg}to{rotate:360deg}}h1{margin-bottom:12px}.meImg{height:70%}.event{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;flex:1;border:2px var(--border) solid;border-radius:24px;background-color:var(--white);padding:5px 50px;max-width:33vw}@media screen and (max-width: 600px){.event{max-width:50vw}}.repoBlock{min-height:50px;border:2px var(--border) solid;border-radius:8px;padding:5px 30px;display:flex;align-items:center;justify-content:center;text-align:center;transition:background-color .3s ease-in-out}.repoBlock h3{color:var(--react-color);transition:color .3s ease-in-out}.repoBlock:hover{background-color:var(--react-color);border-color:var(--hover-react-color)}.repoBlock:hover h3{color:var(--white)}.load{display:flex;align-items:center;justify-content:center;height:100vh}._burger_1oh4r_1{display:none;flex-direction:column;gap:4px;z-index:10}._burger_1oh4r_1 div{position:relative;z-index:10;top:0;bottom:0;width:32px;height:4px;background-color:var(--border);border-radius:8px;transition:all .3s}@media screen and (max-width: 600px){._burger_1oh4r_1{display:flex}}.mobileHeader{position:fixed;right:0;top:0;width:100vw;height:100vh;z-index:-1;background-color:#00000080;opacity:0;transition:opacity .3s ease-in-out}.mobileHeader.active{opacity:1;z-index:10}.contentMH{position:fixed;right:0;top:0;height:100vh;width:70vw;padding:10px;background:white}.contentMH button{display:block;margin-left:auto}.listMH ul{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:x-large;height:90vh;list-style:none}.listMH li{cursor:pointer;border-top:3px solid var(--border);border-radius:3px;padding:6px 0;transition:color .3s ease-in-out}.listMH li:nth-child(1){border-top:0px}._header_ot8xl_1{width:100%;position:fixed;top:0;left:0;display:flex;justify-content:center;flex-direction:column;z-index:1;box-shadow:0 -40px 50px #000}._header_ot8xl_1 nav{display:flex;align-items:center;justify-content:space-between;width:100%;height:64px;z-index:1;background-color:var(--white);padding:10px}@media screen and (max-width: 600px){._header_ot8xl_1 li{display:none}}._header_ot8xl_1 ul{list-style-type:none;display:flex;gap:12px;cursor:pointer}._header_ot8xl_1 ul li{transition:color .3s ease-in-out;font-weight:500;text-align:center}._inactive_ot8xl_111{color:var(--react-color)}._inactive_ot8xl_111:hover,._active_ot8xl_127{color:var(--hover-react-color)}._header_ot8xl_1 button{height:100%;display:flex;gap:9px;flex-direction:column;align-items:center;justify-content:center}.footer{width:100%;padding:100px 50px;background-color:var(--react-color);color:var(--text)}.footer div{display:flex;justify-content:space-between}.ol li,.ul li{list-style:none;display:flex;align-items:center;gap:4px}.ul{flex-direction:column}.ol,.ul{display:flex;gap:12px;margin-top:12px}svg{width:24px;height:24px;fill:var(--text);transition:fill .3s ease-in-out}.ul svg{width:20px;height:20px}.ol svg{cursor:pointer}.ol svg:hover{fill:var(--white)}@media screen and (max-width: 600px){.footer{display:flex;flex-direction:column;gap:16px;text-align:center}.footer div{flex-direction:column;gap:16px;align-items:center;justify-content:center}.ul{align-items:center}}:root{background-color:#fff;color:#333;font-family:Roboto,sans-serif;--react-color: #5ED3F3;--hover-react-color: #2BA0C0;--white: #FFFFFF;--text: #333333;--border: #CCCCCC}body{overflow-x:hidden}*{padding:0;margin:0;box-sizing:border-box}button{border:none;background-color:transparent}