body{background-color:#1d1d1d}.card-text{color:#fff}.bg-green{background-color:#06c5a89d}.color-green{color:#06c5a9!important}.bg-dark{background-color:#1d1d1d}.color-dark{color:#1c1c1c!important}.shadowText{text-shadow:1px 1px #FF0000}.closeButton{color:#06c5a9!important}.h-l-col{height:40px}.alignCenter{text-align:center}.start-outset{border:30px #1d1d1d;border-style:outset;border-radius:30px}.modal-outset{border:5px #06c5a89d;border-style:outset}.start-inset,.modal-inset{border:15px #1d1d1d;border-style:inset;border-radius:30px;color:#f0f8ff}.mainstyle{background-color:#1d1d1d;color:#06c5a9;box-shadow:-3px -3px 3px 10px #06c5a9}.start-image{border:30px #1d1d1d;border-style:outset;border-radius:30px}lex .d-inline-flex .d-sm-flex-image img{border:15px #1d1d1d;border-style:inset;border-radius:30px;color:#f0f8ff}.dinblock{display:inline-block}.main-fa{font-size:100px;padding-left:40px;padding-top:40px;width:200px;height:200px}.shadowbox{box-shadow:5px 5px 10px #fff!important}.underborder{border-bottom:1px dotted #fff;width:40%}.a{animation:blink 3.7s infinite;animation-delay:1s;height:40px}.b{animation:blink 4.2s infinite;animation-delay:3s;height:40px}.c{animation:blink 5.9s infinite;animation-delay:4s;height:40px}.d{animation:blink 6.4s infinite;animation-delay:6.5s;height:40px}@keyframes blink{0%{background-color:#1d1d1d}90%{background-color:#1d1d1d}to{background-color:#06c5a89d}}.e{animation:blink-border 4s infinite;animation-delay:1.4s;height:40px}.f{animation:blink-border 5s infinite;animation-delay:3s;height:40px}@keyframes blink-border{0%{background-color:#1d1d1d;border:.1px dashed #06c5a89d}90%{background-color:#1d1d1d}to{background-color:#1d1d1d}}.under-fa{border:1px solid #fff;padding:10px;border-radius:50%}.portfo{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;margin-left:5%;grid-auto-rows:minmax(100px,auto)}.container{width:100%}.skills{text-align:right;color:#fff}.html{width:80%;background-color:#04aa6d}.css{width:70%;background-color:#2196f3}.js{width:45%;background-color:#f44336}.php{width:60%;background-color:gray}.polaroid{box-shadow:8px 8px 8px #b1b1b133,10px 6px 20px #a5a5a530}@media only screen and (max-width: 4000px){.portfo{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 1190px){.portfo{grid-template-columns:repeat(2,1fr);margin-left:0%}}@media only screen and (max-width: 768px){.portfo{grid-template-columns:repeat(1,1fr)}.portfo{grid-gap:30px;margin-left:5%}}.fade{transition:opacity 1 ease!important}.txt-hov{width:100%;height:100%;color:#494949;transition:transform .55s ease-in-out}.txt-hov:hover{background-color:#06c5a89d;color:#fff;transform:translateY(120px);box-shadow:3px 3px 5px #888;padding:10px;width:100%;height:60%;color:#494949;transition:transform .55s}.services:hover{background-color:#06c5a89d;color:#fff;transform:translateY(-30px);box-shadow:3px 3px 5px #888;padding:10px;text-shadow:3px 2px #494949;font-size:110%}.cover-left{width:100%;height:100%;transition:transform .55s}.cover-left:hover{transform:translate(-150px);text-shadow:3px 2px #494949}.cover-right{width:100%;height:100%;transition:transform .55s}.cover-right:hover{transform:translate(150px);text-shadow:3px 2px #494949}.card{border:none}.card-img-top{width:100%;height:100%;transition:transform .55s}.card-img-top:hover{transform:translateY(120px)}.bg-shadow{box-shadow:-3px -3px 3px 10px #06c5a9}.navbar-light .navbar-toggler{color:#1d1d1d}.d-inline-block{display:inline-block}.hr-footer{border-top:5px double #06c5a8;border-bottom:5px double #06c5a8;border-radius:100%}.modal-title{color:#06c5a8!important;font-weight:700}.headtext{color:#fff;font-size:32px;text-shadow:2px 2px #686868;text-align:center!important;background:linear-gradient(to right,#06c5a8 10%,#e3e9ec 50%,#06c5a8 60%);background-size:auto auto;background-clip:border-box;background-size:50% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textclip 1.5s linear infinite;display:inline-block}@keyframes textclip{to{background-position:200% center}}.content-card{color:#fff;width:450px;height:250px;box-shadow:5px 5px 10px #fff!important;border-radius:6px;overflow:hidden;position:relative;margin:1rem}.content-card h1{text-align:center}.content-card .additional{position:absolute;width:150px;height:100%;background:linear-gradient(#06c5a8,#769b8d);transition:width .4s;overflow:hidden;z-index:2}.content-card.green .additional{background:linear-gradient(#92bCa6,#A2CCB6)}.content-card:hover .additional{width:100%;border-radius:0 5px 5px 0}.content-card .additional .user-card{width:150px;height:100%;position:relative;float:left}.content-card .additional .user-card:after{content:"";display:block;position:absolute;top:10%;right:-2px;height:80%;border-left:2px solid rgba(0,0,0,.025)}.content-card .additional .user-card .level,.content-card .additional .user-card .points{top:15%;color:#fff;text-transform:uppercase;font-size:.75em;font-weight:700;background:rgba(0,0,0,.15);padding:.125rem .75rem;border-radius:100px;white-space:nowrap}.content-card .additional .user-card .points{top:85%}.content-card .additional .user-card svg{top:50%}.content-card .additional .more-info{width:300px;float:left;position:absolute;left:150px;height:100%}.content-card .additional .more-info h1{color:#fff;margin-bottom:0}.content-card.green .additional .more-info h1{color:#224c36}.content-card .additional .coords{margin:0 1rem;color:#fff;font-size:1rem}.content-card.green .additional .coords{color:#325c46}.content-card .additional .coords span+span{float:right}.content-card .additional .stats{font-size:2rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem;top:auto;color:#fff}.content-card .additional .stats1{font-size:.8rem;position:absolute;left:1rem;top:.7rem;color:#fff}.content-card.green .additional .stats{color:#325c46}.content-card .additional .stats>div{flex:1;text-align:center}.content-card .additional .stats i{display:block}.content-card .additional .stats div.title{font-size:.75rem;font-weight:700;text-transform:uppercase}.content-card .additional .stats div.value{font-size:1.5rem;font-weight:700;line-height:1.5rem}.content-card .additional .stats div.value.infinity{font-size:2.5rem}.content-card .general{width:300px;height:100%;position:absolute;top:0;right:0;z-index:1;box-sizing:border-box;padding:1rem;padding-top:0}.content-card .general .more{position:absolute;bottom:1rem;right:1rem;font-size:.9em}