body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{background-image:linear-gradient(hsla(0,0%,100%,.5),rgba(0,0,0,.6));background-color:#fffa02;-webkit-animation:rgb 30s infinite alternate;animation:rgb 30s infinite alternate;height:900px;width:auto;background-size:cover}@-webkit-keyframes rgb{10%{background-color:#ff6b02}20%{background-color:#ff0602}30%{background-color:#ff0289}40%{background-color:#f10962}50%{background-color:#022cff}60%{background-color:#02bfff}70%{background-color:#02ffbb}80%{background-color:#02ff28}90%{background-color:#63ff02}to{background-color:#c8ff02}}@keyframes rgb{10%{background-color:#ff6b02}20%{background-color:#ff0602}30%{background-color:#ff0289}40%{background-color:#f10962}50%{background-color:#022cff}60%{background-color:#02bfff}70%{background-color:#02ffbb}80%{background-color:#02ff28}90%{background-color:#63ff02}to{background-color:#c8ff02}}h1{color:#fff;font-family:"Ubuntu",sans-serif;font-size:30pt;text-align:center;padding-top:24%}.wrapper{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}#landingPageButton{display:block;width:200px;height:40px;line-height:40px;font-size:18px;font-family:sans-serif;text-decoration:none;color:#333;border:2px solid #333;letter-spacing:2px;text-align:center;position:relative;transition:all .35s}#landingPageButton span{position:relative;z-index:2}#landingPageButton:after{position:absolute;content:"";top:0;left:0;width:0;height:100%;background:#ff003b;transition:all .35s}#landingPageButton:hover{color:#fff}#landingPageButton:hover:after{width:100%}#navbarTextIda.current{background:#8a2be2!important}#navbarTextId a:hover{background:#7c7c85!important}.box21{padding-top:20px;padding-bottom:10%}#portfolio,.box21{text-align:center;position:relative}#portfolio{padding-top:10%;display:inline-block;padding-bottom:10px;display:flex;justify-content:center}#portfolio:before{content:"";position:absolute;width:50%;height:1px;bottom:0;left:25%;border-bottom:1px solid red}.box21 img{width:100%;height:auto}.box21 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;background:#000;opacity:.8;color:#0a0a0a;padding-top:25px;transform:scale(0);transition:all .3s linear 0s;z-index:1}.box21:hover .box-content{transform:scale(1);transition-delay:.4s}.box21 .title{font-size:21px;color:#fff;font-weight:700;text-transform:uppercase;border-bottom:1px solid #070707;padding-bottom:20px;margin-top:20px}.box21 .description{font-size:14px;font-style:italic;color:#fff;padding:0 10px;margin:15px 0}.box21 .read-more{display:block;width:120px;background:#178993;border-radius:5px;font-size:14px;color:#080808;text-transform:capitalize;padding:10px 0;margin:0 auto}@media only screen and (max-width:990px){.box21{margin-bottom:30px}}@media only screen and (max-width:479px){.box21 .box-content{padding-top:0}}@media only screen and (max-width:359px){.box21 .title{padding-bottom:10px}}.portfolio{padding-top:5%}.portfolioStart{padding-top:10%}.box21 img:hover{webkit-filter:blur(4px)!important;-webkit-filter:blur(4px);filter:blur(4px)}.containerGraph{width:50%;background-color:#ddd;padding-left:0}.skills{text-align:right;padding-top:10px;padding-bottom:10px;color:#fff}.info .skills{background:linear-gradient(90deg,#6ff 0,#06f)}.info .html{width:100%}.info .css,.info .js{width:95%}.info .react{width:80%}.info .node{width:75%}.info .ui{width:60%}.info .ruby{width:55%}.aboutMe{text-align:center;padding-top:10%;display:inline-block;padding-bottom:10px;position:relative;display:flex;justify-content:center}.aboutMe:before{content:"";position:absolute;width:50%;height:1px;bottom:0;left:25%;border-bottom:1px solid red}.skillContainer{text-align:center;padding-bottom:10px}.ui{padding-bottom:20px}.info p{text-align:center;padding-top:20px}.description{padding:30px}.blogStart{text-align:center;padding-top:10%;display:inline-block;padding-bottom:10px;position:relative;display:flex;justify-content:center}.blogStart:before{content:"";position:absolute;width:50%;height:1px;bottom:0;left:25%;border-bottom:1px solid red}#cardId{width:18rem}#blogCards{display:flex;justify-content:space-evenly;padding-top:10%;padding-bottom:10%}#pairProgramingCard:hover,#webSocketCard:hover{transform:scale(1.2);transition:transform .9s}.btn-primary{display:block}@media screen and (max-width:600px){#cardId{width:100%;margin-bottom:20px}}@media screen and (max-width:600px){#blogCards,#cardId{display:block}}.contact-form{background:#fff;margin-top:10%;margin-bottom:5%;width:70%}.contact-form .form-control{border-radius:1rem}.contact-image{text-align:center}.contact-image img{border-radius:6rem;width:11%;margin-top:-3%;transform:rotate(29deg)}.contact-form form{padding:14%}.contact-form form .row{margin-bottom:-7%}.contact-form h3{margin-bottom:8%;margin-top:-10%;text-align:center;color:#0062cc}.contact-form .btnContact{border-radius:1rem;background:#dc3545;font-weight:600;color:#fff;cursor:pointer}.btnContactSubmit{width:50%;border-radius:1rem;padding:1.5%;color:#fff;background-color:#0062cc;border:none;cursor:pointer}#formTextEnter{width:100%;height:150px}.contactStart{text-align:center;padding-top:10%;display:inline-block;padding-bottom:10px;position:relative;display:flex;justify-content:center}.contactStart:before{content:"";position:absolute;width:50%;height:1px;bottom:0;left:25%;border-bottom:1px solid red}.btnContact{width:170px}#buttonContact{padding-left:17px}@media screen and (max-width:600px){#contactButton{padding-left:15px}}#contactButton{padding-left:15px}footer{padding:5px;background-color:#01060a;color:#fff;height:120px}.fa{font-size:50px;padding:1%}.icon{display:flex;justify-content:center;margin:10px}.icon i{cursor:pointer;color:#fff;padding-right:20px}.copyright{text-align:center}.copyright p{margin:0;background-color:#000}.fa-linkedin:hover{color:#017bb6}.fa-facebook:hover{color:#4167b2}.fa-github:hover{color:#8c8e8f}.fa-instagram:hover{color:#b32b89}.fa-free-code-camp:hover{color:#016400}
/*# sourceMappingURL=main.23a0b0a9.chunk.css.map */