*{margin:0px;font-family:"Open Sans",sans-serif;box-sizing:border-box}body{background-color:#111;color:hsla(0,0%,100%,.87);min-height:100svh;--accent-color: #2064c9;--accent-text-color: rgba(255, 255, 255, 0.87)}a{color:hsla(0,0%,100%,.87)}.secondary{opacity:.5}.centered{text-align:center}button,a.btn{background-color:var(--accent-color);color:var(--accent-text-color);padding:8px 16px;border:0px solid;border-radius:5px;text-transform:uppercase;font-weight:600;text-decoration:none;display:inline-flex;gap:8px;align-items:center;font-size:.9em}button[disabled],a.btn[disabled]{background-color:#1d1d1d}.grid{display:grid;grid-template-columns:1fr;gap:12px;justify-items:stretch;align-items:stretch;grid-auto-flow:row dense}@media only screen and (min-width: 960px){.grid{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 1280px){.grid{grid-template-columns:repeat(3, 1fr)}}.grid.videos-grid,.grid.coding-grid{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}.card{--padding-block: 8px;--padding-inline: 12px;border-radius:16px;overflow:hidden;position:relative;display:flex;flex-direction:column;background-color:#181818;padding:var(--padding-block) var(--padding-inline)}.card>main{flex-grow:1}.card>main>p.description{opacity:.5}.card.code-project{padding:0px}.card.code-project>header{aspect-ratio:16/7;position:relative}.card.code-project>header .cover{position:absolute;inset:0}.card.code-project>header .cover img{object-fit:cover;width:100%;height:100%;object-position:0% 35%;position:relative}.card.code-project>header .cover::after{content:"";position:absolute;inset:0;background-image:linear-gradient(to bottom, transparent 0%, #181818 100%)}.card.code-project>header .content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding-inline:var(--padding-inline)}.card.code-project>header .content h2{margin-bottom:8px;display:flex;gap:8px;align-items:center;font-size:1.3rem}.card.code-project>main{padding:var(--padding-block) var(--padding-inline)}.card.code-project>footer{padding:12px var(--padding-inline) var(--padding-block)}.graphics-project{padding:0px}.graphics-project.double img{aspect-ratio:16/9}@media screen and (min-width: 960px){.graphics-project.double{grid-column-end:span 2}}.graphics-project img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.graphics-project>main{padding:var(--padding-block) var(--padding-inline);display:flex;flex-direction:column}.graphics-project>main>:last-child{flex-grow:1}.videos-project{padding:0px}.videos-project iframe{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}.videos-project>main{padding:var(--padding-block) var(--padding-inline);display:flex;flex-direction:column}.videos-project>main>:last-child{flex-grow:1}.pyramids{width:100%;height:164px;background-image:url("../../home/res/pyramids.2ce02afc9319.svg");background-position:top;background-size:auto 100%;background-repeat:no-repeat;position:absolute;top:0px;z-index:-1;opacity:.5}body>header h1,body>header h2{text-align:center}body>header h2{font-weight:normal;margin-bottom:24px}body>header .username::before{content:"@"}body>header img.profile{width:125px;margin:32px auto 8px auto;display:block;border-radius:50%;box-shadow:0px 0px 10px #000}main.container{margin-top:44px;padding-bottom:48px}main.container>h1{text-align:center;margin-bottom:24px}@media only screen and (min-width: 600px){main.container{margin-inline:5%}}@media only screen and (min-width: 960px){main.container{margin-inline:10%}}@media only screen and (min-width: 1280px){main.container{margin-inline:20%}}input[type=text],input[type=password],input[type=number],select{border-radius:5px;width:calc(100% - 32px);color:hsla(0,0%,100%,.87);background-color:#1d1d1d;border:0px solid;padding:8px 16px}input[type=checkbox]{display:inline-block;position:relative;opacity:.5;margin:3px;border:2px solid gray;border-radius:2px;background-color:none;padding:7px}input[type=checkbox]:checked{opacity:1;border-width:0;background-color:var(--accent-color);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='18' viewBox='3 3 18 18' width='18'%3E%3Cpath fill='%23ffffff' d='M 10,17 5,12 6.41,10.59 10,14.17 17.59,6.58 19,8 Z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");background-position:center center;padding:9px;color:var(--accent-text-color)}select{background-clip:border-box;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath style='fill:gray;fill-opacity:0.5' d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");background-position:calc(100% - 8px) center;background-repeat:no-repeat;background-size:24px;padding-right:40px;appearance:none;width:100%}body.homepage{height:100%;display:flex;flex-direction:column}@media only screen and (min-width: 960px){body.homepage .vertical-parent{display:flex;justify-content:center;align-items:center;width:100%;flex-grow:1}}body.homepage main.container{width:inherit;display:flex;flex-wrap:wrap;box-sizing:border-box;--gap-size: 12px;gap:var(--gap-size);margin-top:0px;padding-bottom:48px}@media only screen and (min-width: 600px){body.homepage main.container{margin:0px 5%}}@media only screen and (min-width: 960px){body.homepage main.container{margin:0px 10%;padding-bottom:127px}}@media only screen and (min-width: 1280px){body.homepage main.container{margin:0px 15%}}body.homepage main.container .portfolio-card{flex-grow:1;width:100%;border-radius:5px;height:152px;background-color:#181818;color:hsla(0,0%,100%,.87);position:relative;background-size:cover;background-position:center;display:flex;overflow:hidden;transition:box-shadow .2s;--card-color: rgb(100, 100, 100);--card-color-to: rgba(100, 100, 100, 0.33)}@media only screen and (min-width: 960px){body.homepage main.container .portfolio-card{width:calc(50% - var(--gap-size))}}@media only screen and (min-width: 1280px){body.homepage main.container .portfolio-card{width:calc(33.3333333333% - var(--gap-size)*2);height:182px}}body.homepage main.container .portfolio-card.bg-red{--card-color: rgb(226, 76, 56);--card-color-to: rgba(226, 76, 56, 0.33);--card-hover: rgba(226, 76, 56, 0.75)}body.homepage main.container .portfolio-card.bg-blue{--card-color: rgb(0, 147, 223);--card-color-to: rgba(0, 147, 223, 0.33);--card-hover: rgba(0, 147, 223, 0.75)}body.homepage main.container .portfolio-card.bg-orange{--card-color: rgb(247, 145, 0);--card-color-to: rgba(247, 145, 0, 0.33);--card-hover: rgba(247, 145, 0, 0.75)}body.homepage main.container .portfolio-card.bg-green{--card-color: rgb(117, 189, 62);--card-color-to: rgba(117, 189, 62, 0.33);--card-hover: rgba(117, 189, 62, 0.75)}body.homepage main.container .portfolio-card.bg-purple{--card-color: rgb(175, 82, 222);--card-color-to: rgba(175, 82, 222, 0.33);--card-hover: rgba(175, 82, 222, 0.75)}body.homepage main.container .portfolio-card img,body.homepage main.container .portfolio-card video{width:100%;height:100%;object-fit:cover}body.homepage main.container .portfolio-card::before{content:"";position:absolute;inset:0;background:linear-gradient(to top, var(--card-color), var(--card-color-to));z-index:1}body.homepage main.container .portfolio-card h1{position:absolute;bottom:3px;left:8px;font-weight:normal;z-index:2}body.homepage main.container .portfolio-card:hover{box-shadow:0 0 16px 0px var(--card-hover)}body.homepage .pyramids{opacity:1}@media only screen and (min-width: 600px){body.homepage .pyramids{height:196px}}@media only screen and (min-width: 960px){body.homepage .pyramids{height:220px}}body.homepage>footer{display:none}body.bg-red{--accent-color: rgb(226, 76, 56)}body.bg-blue{--accent-color: rgb(0, 147, 223)}body.bg-orange{--accent-color: rgb(247, 145, 0)}body.bg-green{--accent-color: rgb(117, 189, 62)}body.bg-purple{--accent-color: rgb(175, 82, 222)}/*# sourceMappingURL=style.css.map */