body{margin:0;padding:0;background-color:#1b1b1b}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{margin:0;background-color:#1b1b1b;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-area{margin:5% 0 5% 5%;padding:0}.top-bar{width:35px;height:4px;background-color:red}.header-title{margin:0;color:#fff;padding:5px 5px 5px 0;font-size:18px}.header-content{margin:0;width:100%;color:#fff;font-size:36px}.header-paragraf{margin:0;color:hsla(0,0%,83.9%,.5);font-size:12px;width:60%;padding:5px 5px 5px 0}.photo-area{width:146px;height:auto;margin:auto}.photo-area,.photo-back{display:flex;justify-content:center;align-items:center}.photo-back{max-width:100%;max-height:100%;padding:5px;background-image:-webkit-gradient(linear,left bottom,left top,from(#1a2a6c),color-stop(#b21f1f),to(#fdbb2d));background-image:-webkit-linear-gradient(bottom,#1a2a6c,#b21f1f,#fdbb2d);background-image:linear-gradient(0deg,#1a2a6c,#b21f1f,#fdbb2d);border-radius:100%}.photo-img{width:100%;height:100%;border-radius:100%}.skill-area{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1b1b1b;padding-top:30px}.skill-top{width:90%;height:2px;background-image:-webkit-gradient(linear,right top,left top,from(#1a2a6c),color-stop(#b21f1f),to(#fdbb2d));background-image:-webkit-linear-gradient(right,#1a2a6c,#b21f1f,#fdbb2d);background-image:linear-gradient(270deg,#1a2a6c,#b21f1f,#fdbb2d)}.skill-content{display:flex;flex-direction:row;justify-content:space-evenly;color:#fff;width:90%}.skill-column{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 5px;width:112px}.footer-area{background-color:#121212;height:105px;width:100%;position:absolute;bottom:0}.footer-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:15px 0 0 20px}.footer-icon{width:30px;height:30px;margin:0 15px}.footer-area p{color:hsla(0,0%,83.9%,.5);font-size:12px;margin:30px 0 5px 35px}.media-area{justify-content:flex-start;align-items:center;margin:5% 5% 0}.media-area,.media-content{display:flex;flex-direction:column}.media-icon{width:35px;height:35px;margin-bottom:25px}.media-bar{height:150px;width:4px;background-color:red}
/*# sourceMappingURL=main.54ec06ff.chunk.css.map */