header{background-color:#21729a00;position:fixed;width:100%;z-index:100}header,header img{transition:all .5s}header img{height:auto;width:250px}header.sticky{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#21729ad9;background:-moz-linear-gradient(to right,#21729a,#21729a)}header.sticky img{width:200px}header .main__header{display:flex;justify-content:space-between;padding:20px 15px}header .main__header nav label img{width:1.5rem}@media screen and (max-width:425px){header img{width:200px}}@keyframes header{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.logo{align-items:center;display:grid}nav{align-self:center;display:flex;justify-content:center;margin:0 30px;position:relative;width:100%}nav .navbar__content-menu{display:flex;font-size:1rem;gap:40px;text-transform:uppercase}nav .navbar__content-menu a{padding:10px}nav label{cursor:pointer;display:none}nav label img{position:absolute;right:0;top:-10px;width:1.5rem}@media screen and (max-width:768px){nav .navbar__content-menu{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#21729ad9;background:-moz-linear-gradient(to right,#21729a,#21729a);box-shadow:0 10px 10px #0000001a;flex-direction:column;height:0;overflow:hidden;padding:0 20px;position:absolute;right:-120px;top:46px;transition:.3s;width:100vw;z-index:0}nav label{display:flex}nav label img.close-menu{opacity:0}}input#check:checked~.navbar__content-menu{height:auto;padding:20px}input#check:checked~.navbar__content-menu img.close-menu{opacity:1}input#check:checked~.navbar__content-menu img.open-menu{opacity:0}input#check:checked~.navbar__content-checkbtn img.open-menu{opacity:0;transform:rotate(180deg)}input#check:checked~.navbar__content-checkbtn img.close-menu{opacity:1;transform:rotate(180deg)}.codes{align-items:center;display:grid;justify-items:end}.codes ul{grid-gap:15px;display:grid;grid-template-columns:30px 30px}.codes ul li{display:inline-block;list-style:none}.codes ul li a{color:#fff;transition:all .2s linear}.codes ul li a i{font-size:1.5rem}.codes ul li a:hover{color:#e67e22}.typing{animation:typing .5s ease}.typing h1{color:#fff!important}.typing h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#e67e22,#f4d03f);-webkit-background-clip:text;font-style:italic;font-weight:700}@keyframes typing{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}button{animation:button .5s ease;border-radius:1rem;cursor:pointer;margin:auto;overflow:hidden}button,button p{position:relative}button p{font-size:1.1rem;z-index:1}button.primary__btn{background-color:#21729a;border:1px solid #21729a}button.ghost__btn,button.primary__btn{color:#fff;padding:15px 40px;transition:all .25s}button.ghost__btn{background-color:initial;border:1px solid #fff}button.ghost__btn:after{background-color:#fff;content:"";height:100px;left:48%;opacity:0;position:absolute;top:-25%;transform:rotate(15deg);transition:all .25s;width:10px;z-index:0}button.ghost__btn:hover{color:#21729a;transition:all .25s}button.ghost__btn:hover:after{opacity:1;transform:rotate(15deg) scale(29,2)}@keyframes button{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.home__content{align-items:center;color:#fff;display:grid;height:100vh;text-align:center}.home__content:before{background-attachment:fixed;background-image:url(../../static/media/experience-bg.3fc5119e6405767ebc45.jpg);background-position:50% 36%;background-size:cover}.home__content:after,.home__content:before{content:"";height:100vh;left:0;-webkit-mask:url(../../static/media/bruhspainted-bg.759db5ac5c8eb80a0657.svg) no-repeat bottom center;-webkit-mask-position:inherit;mask-position:inherit;-webkit-mask-size:cover;position:absolute;top:0;width:100%;z-index:-1}.home__content:after{background:-webkit-gradient(linear,left top,right top,from(#21729af2),to(#002450f2))}.home__content .home__box{grid-gap:5vmin;display:grid;grid-template-rows:repeat(2,auto)}.home__content .home__box a{margin:0 auto}.about{padding:50px 0}.about section{display:grid;grid-template-rows:auto 1fr}.about section .section__content{grid-gap:20px;display:grid;grid-template-areas:"description pic";grid-template-columns:repeat(2,1fr)}.about section .section__content .profile__description{align-self:center;display:flex;grid-area:description}.about section .section__content .profile__description .data__text{display:flex;flex-direction:column;gap:20px}.about section .section__content .profile__pic{align-self:center;display:flex;grid-area:pic;text-align:center}.about section .section__content .profile__pic img{height:300px;overflow:hidden;position:relative;top:-15%;width:300px}.about section .section__content .profile__pic img.image-mask{height:auto;mask-image:url(../../static/media/bruhspainted-profile-pic.37b7aa64f64bfc92e943.svg);-webkit-mask-image:url(../../static/media/bruhspainted-profile-pic.37b7aa64f64bfc92e943.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;width:100%}.about section .section__content .profile__pic p{line-height:45px}@media screen and (max-width:850px){.about section .section__content{grid-template-areas:"pic" "description";grid-template-columns:1fr}.about section .section__content .profile__pic img{top:0}}@keyframes morph{0%{border-radius:60% 50% 50% 70%/60% 50% 70% 50%;transform:translatey(0)}50%{border-radius:50% 60% 70% 50%/50% 60% 50% 60%;transform:translatey(-20px)}to{border-radius:60% 50% 50% 70%/60% 50% 70% 50%;transform:translatey(0)}}.container .skills{padding:6.8vh 0}.container .skills:before{-webkit-mask-image:url(../../static/media/bruhspainted-top.9fb877ca44857adfe4b6.svg);mask-image:url(../../static/media/bruhspainted-top.9fb877ca44857adfe4b6.svg);top:0}.container .skills:after,.container .skills:before{background:linear-gradient(90deg,#21729a,#002450);content:"";height:7vh;left:0;-webkit-mask-size:cover;mask-size:cover;position:absolute;width:100%;z-index:-1}.container .skills:after{bottom:0;-webkit-mask-image:url(../../static/media/bruhspainted-bottom.57dc72f9197054eb9634.svg);mask-image:url(../../static/media/bruhspainted-bottom.57dc72f9197054eb9634.svg)}.container .skills .skills__box{background:linear-gradient(90deg,#21729a,#002450);height:100%}.container .skills .skills__box h1{color:#fff}.container .skills .skills__box section{grid-gap:40px;display:grid}.container .skills .skills__box section h2{font-weight:500}.container .skills .skills__box section a{margin:auto}.container .skills .skills__box section .experience{display:grid}.container .skills .skills__box section .experience .experience__data{grid-gap:20px;display:grid;grid-template-columns:1fr auto 1fr}.container .skills .skills__box section .experience .experience__data:nth-child(odd){grid-template-areas:"data line list"}.container .skills .skills__box section .experience .experience__data:nth-child(odd) .line svg{transform:rotate(-90deg)}.container .skills .skills__box section .experience .experience__data:nth-child(2n){grid-template-areas:"list line data"}.container .skills .skills__box section .experience .experience__data:nth-child(2n) .line svg{transform:rotate(90deg)}.container .skills .skills__box section .experience .experience__data:first-child .line{bottom:-50%;height:50%}.container .skills .skills__box section .experience .experience__data:first-child .line svg{top:-10px}.container .skills .skills__box section .experience .experience__data:last-child .line{height:50%}.container .skills .skills__box section .experience .experience__data:last-child .line svg{top:90%}.container .skills .skills__box section .experience .experience__data .data{grid-gap:10px;view-timeline-name:--card;view-timeline-axis:block;animation-timeline:--card;align-self:center;animation-fill-mode:both;animation-name:dataBox;border-radius:1rem;display:grid;gap:10px;grid-area:data;margin:30px 0}.container .skills .skills__box section .experience .experience__data .data h2{font-size:1.9rem;line-height:2rem}.container .skills .skills__box section .experience .experience__data .data p{font-size:.9rem}.container .skills .skills__box section .experience .experience__data .data:hover~.list{opacity:1}.container .skills .skills__box section .experience .experience__data .line{background-color:#fff;grid-area:line;position:relative;width:2px}.container .skills .skills__box section .experience .experience__data .line svg{color:#fff;left:-7px;position:absolute;top:40%}.container .skills .skills__box section .experience .experience__data .list{view-timeline-name:--card;view-timeline-axis:block;animation-timeline:--card;animation-fill-mode:both;animation-name:dataList;color:#fff;grid-area:list;margin:10px 0;opacity:1;transition:all .25s}.container .skills .skills__box section .experience .experience__data .list h4{font-size:1.6rem;margin-bottom:5px}.container .skills .skills__box section .experience .experience__data .list p{font-size:1.1rem;line-height:1.8rem;margin-bottom:10px}.container .skills .skills__box section .experience .experience__data .list li{font-size:1.1rem;line-height:1.8rem;list-style-type:square;margin-left:20px}.container .skills .skills__box section .experience .experience__data .experience__data__info{grid-gap:10px;display:grid;grid-template-columns:auto 1fr}.container .skills .skills__box section .experience .experience__data .experience__data__info svg{align-self:center}.container .skills .skills__box section .experience .experience__data .experience__data__info.title svg{color:#21729a}.container .skills .skills__box section .experience .experience__data .experience__data__info.place svg{color:#f4d03f;font-size:18px}.container .skills .skills__box section .experience .experience__data .experience__data__info.date svg{color:#444;font-size:16px}.container .skills .skills__box section .experience .experience__data .experience__data__info h2{color:#21729a;margin:0}.container .skills .skills__box .experience__section,.container .skills .skills__box .skills__section{grid-gap:40px;display:grid;grid-template-rows:auto 1fr}.container .skills .skills__box .skills__section{color:#fff}.container .skills .skills__box .skills__section .skills__content{grid-gap:20px;display:grid;grid-template-rows:repeat(4,auto)}@keyframes dataList{0%{opacity:0;scale:25%}40%{opacity:1;scale:100%}}@keyframes dataBox{0%{opacity:0;scale:25%}20%{transform:rotateX(90deg)}40%{opacity:1;scale:100%;transform:rotateX(0deg)}}@media screen and (max-width:750px){.container .skills .skills__box section .experience .experience__data{grid-gap:10px;border-bottom:1px solid #fff;grid-template-columns:1fr}.container .skills .skills__box section .experience .experience__data:last-of-type{border-bottom:none}.container .skills .skills__box section .experience .experience__data:nth-child(2n),.container .skills .skills__box section .experience .experience__data:nth-child(odd){grid-template-areas:"data" "list";margin-bottom:20px}.container .skills .skills__box section .experience .experience__data .data{margin:0}.container .skills .skills__box section .experience .experience__data .line{display:none}.container .skills .skills__box section .experience .experience__data .list{padding-bottom:10px}}@media screen and (max-width:1024px){.container .skills .skills__box section .experience .experience__data .data:hover{transform:scale(1)}.container .skills .skills__box section .experience .experience__data .list{opacity:1}}footer{background-color:#21729a;color:#fff;font-size:12px;padding:20px;text-align:center}footer .footer__content p{font-size:12px;line-height:18px}.contact:before{background:-webkit-gradient(linear,left top,right top,from(#21729a),to(#002450));content:"";height:7vh;left:0;-webkit-mask:url(../../static/media/bruhspainted-top.9fb877ca44857adfe4b6.svg) top center;-webkit-mask-size:cover;position:absolute;top:0;width:100%;z-index:-1}.contact.content{color:#fff;padding:6.8vh 0 0;text-align:center}.contact.content .contact__box{background:-webkit-gradient(linear,left top,right top,from(#21729a),to(#002450));height:100%}.contact.content .contact__box section.contact__section{display:grid;grid-template-rows:repeat(3,auto)}.contact.content .contact__box section.contact__section h1{color:#fff}.contact.content .contact__box section.contact__section h1.top-down{view-timeline-name:--card;view-timeline-axis:block;animation-timeline:--card;animation-fill-mode:both;animation-name:contactTitle}.contact.content .contact__box section.contact__section h3,.contact.content .contact__box section.contact__section h4{font-weight:lighter}.contact.content .contact__box section.contact__section a{margin:inherit}.contact.content .contact__box section.contact__section .contact__data__box{grid-gap:20px;display:grid;grid-template-columns:repeat(2,1fr);text-align:left}.contact.content .contact__box section.contact__section .contact__data__box .contact__data{grid-gap:15px;display:grid;gap:15px}.contact.content .contact__box section.contact__section .contact__data__box .contact__data a{color:#fff}.contact.content .contact__box section.contact__section .contact__data__box .contact__data .contact__data__info{grid-gap:15px;display:grid;grid-template-columns:auto 1fr}@keyframes contactTitle{0%{opacity:0;transform:translateY(-100px)}40%{opacity:1;transform:translate(0)}}@media screen and (max-width:550px){.container .contact.content .contact__box section.contact__section .contact__data__box{grid-template-columns:1fr}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f8ff;color:#444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.3rem;margin:0}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{position:relative}.container h1{color:#21729a;font-size:5rem;font-weight:700}section{gap:40px;margin:auto;padding:50px 20px;width:clamp(300px,95%,1200px)}section h1{view-timeline-name:--card;view-timeline-axis:block;animation-timeline:--card;-webkit-text-fill-color:#0000;animation-fill-mode:both;animation-name:mainTitle;background:linear-gradient(270deg,#e67e22,#f4d03f);-webkit-background-clip:text}h1,h2,h3,h4,h5,h6,li,p{font-weight:lighter}h2{font-size:1.9rem}p{font-size:1.3rem;line-height:35px}li{list-style:none}span{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#e67e22,#f4d03f);-webkit-background-clip:text;color:#21729a;font-size:1.3rem;font-weight:400}.typing h1,.typing h1 span{font-size:5rem}.box{background-color:#fff;box-shadow:0 3px 10px #0003;overflow:hidden;padding:20px}.box,.box:hover{transition:all .25s}.box:hover{box-shadow:0 3px 10px #0000004d}@keyframes mainTitle{0%{opacity:0;transform:translate(-200px)}50%{opacity:1;transform:translate(0)}}@media screen and (max-width:900px){section{max-width:100%}}@media (max-width:870px){.container h1,.typing h1,.typing h1 span{font-size:4rem}}@media (max-width:550px){.typing h1,.typing h1 span{font-size:3rem}}*{box-sizing:border-box}*,h1,h2,h3,h4,h5,h6,li,ol,p,span,ul{margin:0;padding:0}a{color:#fff;text-decoration:none;width:-webkit-fit-content;width:fit-content}button:focus,input:focus,select:focus,textarea:focus{outline:none}input[type=checkbox]{display:none}.portfolio{padding:50px 0}.portfolio .portfolio__section{display:grid;grid-template-rows:repeat(3,auto)}.portfolio .portfolio__section .portfolio__info{grid-gap:20px;display:grid}.portfolio .portfolio__section .portfolio__info.big__card{grid-template-columns:repeat(3,1fr)}.portfolio .portfolio__section .portfolio__info.small__card{grid-template-columns:repeat(4,1fr)}.portfolio .portfolio__section .portfolio__info .porfolio__data{view-timeline-name:--card;view-timeline-axis:block;animation-timeline:--card;animation-fill-mode:both;animation-name:cardAnimation;height:300px;overflow:hidden;position:relative}.portfolio .portfolio__section .portfolio__info .porfolio__data img{hweight:100%;left:0;object-fit:cover;position:absolute;top:0;transition:all 3.5s;width:100%}.portfolio .portfolio__section .portfolio__info .porfolio__data:focus-within img,.portfolio .portfolio__section .portfolio__info .porfolio__data:hover img{top:-100%}.portfolio .portfolio__section .portfolio__info .porfolio__data:focus-within .porfolio__data__text,.portfolio .portfolio__section .portfolio__info .porfolio__data:hover .porfolio__data__text{bottom:0}.portfolio .portfolio__section .portfolio__info .porfolio__data.box{border-radius:1rem;padding:0}.portfolio .portfolio__section .portfolio__info .porfolio__data .porfolio__data__text{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffe6;border-radius:1rem;bottom:300px;height:300px;left:0;padding:20px;position:absolute;transition:all .5s;width:100%;z-index:10}.portfolio .portfolio__section .portfolio__info .porfolio__data .porfolio__data__text p{color:#21729a;line-height:1.1rem;margin:5px 0}.portfolio .portfolio__section .portfolio__info .porfolio__data .porfolio__data__text p span{color:#444;font-size:.9rem}.portfolio .portfolio__section .portfolio__info .porfolio__data .porfolio__data__text a{border-radius:.5rem}.portfolio .portfolio__section .portfolio__info .porfolio__data .porfolio__data__text a p{background-color:#21729a;border-radius:.5rem;color:#fff;display:inline;font-size:12px;line-height:14px;padding:5px 10px}@keyframes cardAnimation{0%{opacity:0;scale:25%}40%{opacity:1;scale:100%}}@media screen and (max-width:1150px){.portfolio{padding:50px 0}.portfolio .portfolio__section .portfolio__info.big__card,.portfolio .portfolio__section .portfolio__info.small__card{grid-template-columns:repeat(2,1fr)}.portfolio .portfolio__section .portfolio__info .porfolio__data{height:350px}.portfolio .portfolio__section .portfolio__info .porfolio__data .porfolio__data__text{bottom:-25%}}@media screen and (max-width:500px){.portfolio .portfolio__section .portfolio__info.big__card,.portfolio .portfolio__section .portfolio__info.small__card{grid-template-columns:1fr}}
/*# sourceMappingURL=main.0a8eb90e.css.map*/