main{display:flex;min-height:100vh;flex-direction:column;align-items:center}main section.about{display:flex;height:100vh;width:100%;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 768px){main section.about{height:100%;padding-top:1.25rem;padding-bottom:2.5rem}}main section.about section.about-container{display:flex;height:-moz-min-content;height:min-content;width:50%;flex-direction:column;justify-content:space-between;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:2.5rem;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-duration:.7s}main section.about section.about-container:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:scale(1.025)}@media (max-width: 1024px){main section.about section.about-container{width:91.666667%}}main section.about section.about-container div.hello div.avatar-container{margin-bottom:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center}@media (min-width: 640px){main section.about section.about-container div.hello div.avatar-container{flex-direction:row;text-align:left}}main section.about section.about-container div.hello div.avatar-container figure.avatar{margin-bottom:1.5rem}@media (min-width: 640px){main section.about section.about-container div.hello div.avatar-container figure.avatar{margin-right:1.5rem;margin-bottom:0}}main section.about section.about-container div.contact{margin-top:2.5rem;font-size:1.125rem;line-height:1.75rem}main section.about section.about-container div.contact a#email{text-decoration-line:underline;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.7s}main section.about section.about-container div.contact a#email:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}main section.about section.social-media-container{margin-top:3rem;display:flex}@media (max-width: 640px){main section.about section.social-media-container{flex-direction:column}}main section.about section.social-media-container a.social-media{margin-left:1.5rem;margin-right:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.125rem;line-height:1.75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}main section.about section.social-media-container a.social-media:hover{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity, 1));text-decoration-line:underline}@media (max-width: 640px){main section.about section.social-media-container a.social-media{margin-left:0;margin-right:0;margin-top:.75rem;margin-bottom:.75rem}}main section.about section.social-media-container a.social-media svg{margin-right:.5rem}main section.info-container{display:flex;width:100%;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-top:2.5rem;padding-bottom:2.5rem}main section.info-container h2{margin-bottom:2.5rem;text-align:center}main section.services section.services-container div.services-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}main section.services section.services-container div.services-content aside.services{width:25%}@media (max-width: 768px){main section.services section.services-container div.services-content aside.services{width:83.333333%}}main section.services section.services-container div.services-content aside.services div.service{margin-bottom:1.25rem}main section.services section.services-container div.services-content aside.services div.service h3{--tw-text-opacity: 1;color:rgb(41 37 36 / var(--tw-text-opacity, 1))}main section.services section.services-container div.services-content aside.services div.service p{--tw-text-opacity: 1;color:rgb(120 113 108 / var(--tw-text-opacity, 1))}main section.services section.services-container div.services-content aside.skills{float:left;margin-left:5rem;display:flex;width:100%;max-width:24rem;flex-wrap:wrap;justify-content:center}@media (max-width: 768px){main section.services section.services-container div.services-content aside.skills{margin-left:0}}main section.services section.services-container div.services-content aside.skills div.skill{margin:.375rem;display:flex;max-height:3rem;align-items:center;justify-content:center;border-radius:1.5rem;--tw-bg-opacity: 1;background-color:rgb(214 211 209 / var(--tw-bg-opacity, 1));padding:1rem;font-size:.875rem;line-height:1.25rem;font-weight:700;transition-duration:.5s}main section.services section.services-container div.services-content aside.skills div.skill:hover{--tw-bg-opacity: 1;background-color:rgb(120 113 108 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(231 229 228 / var(--tw-text-opacity, 1))}main section.services section.services-container div.services-content aside.skills div.skill i{font-size:28px}main section.services section.services-container div.services-content aside.skills div.skill i+p{margin-left:.75rem}main section.certifications{background-color:transparent}main section.certifications section.certifications-container div.certifications-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}main section.certifications section.certifications-container div.certifications-content a.certification{display:flex;flex-direction:column;align-items:center;border-radius:1.5rem;padding:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.7s}main section.certifications section.certifications-container div.certifications-content a.certification:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}main section.certifications section.certifications-container div.certifications-content a.certification b{margin-top:1rem;max-width:10rem;text-align:center}main section.posts section.posts-container{display:flex;flex-direction:column;padding-bottom:2.5rem}main section.posts section.posts-container ul.posts-list{display:flex;width:75%;flex-wrap:wrap;align-items:flex-start;justify-content:center;align-self:center}main section.posts section.posts-container ul.posts-list li.post{margin:.75rem;width:20rem;border-radius:1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.7s;box-shadow:1px 4px 8px #ccc;-moz-column-break-inside:avoid;break-inside:avoid;position:relative;display:inline-block;align-self:flex-end}main section.posts section.posts-container ul.posts-list li.post img{border-top-left-radius:1rem;border-top-right-radius:1rem}main section.posts section.posts-container ul.posts-list li.post:hover{--tw-rotate: -2deg;--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:6px 8px 16px #ccc}main section.posts section.posts-container ul.posts-list li.post div.post-content{padding:1.5rem}main section.posts section.posts-container ul.posts-list li.post div.post-content h4{margin-bottom:.5rem}main section.posts section.posts-container ul.posts-list li.post div.post-content footer{margin-top:1rem;display:flex}main section.posts section.posts-container ul.posts-list li.post div.post-content footer span{display:flex;align-items:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}main section.posts section.posts-container ul.posts-list li.post div.post-content footer span svg{margin-right:.5rem}main section.posts section.posts-container ul.posts-list li.post div.post-content footer span:not(:last-child){margin-right:.75rem}