*{box-sizing:border-box;margin:0;padding:0}body{background-color:#222121;font-family:Barlow,sans-serif;font-family:Comfortaa,cursive;font-family:Electrolize,sans-serif;font-family:Josefin Sans,sans-serif;font-family:Playfair Display,serif;font-family:Poppins,sans-serif;font-family:Roboto,sans-serif}ul{margin:0;padding:0}a{text-decoration:none}a,h1{color:#fff}h1{font-size:50px}.frm{align-items:flex-start;flex-direction:column}.frm input{border:none;outline:none;width:300px}.frm button,.frm input{margin-top:10px;padding:5px 10px}.frm button{background-color:transparent;color:#fff;font-family:sans-serif;font-size:20px}.href{bottom:400px;left:20px;position:relative;text-decoration:none}.href:hover{color:#fff}.href i{margin-right:5px}.newAv1{border:2px dashed red;color:#fff;cursor:pointer;margin-top:20px;outline:none;padding:5px 10px;text-align:center;width:140px}.avatar{flex-direction:column}.about-head,.avatar{align-items:center;display:flex}.about-head{justify-content:space-between;margin-top:20px;padding:60px}.about-head-f{align-items:center;display:flex}.about-head-s{display:flex;flex-direction:column}.about-head-s .typed-name{background-color:transparent;color:red;font-family:sans-serif;font-size:50px;font-weight:500}.about-head-s .typed-name input{background-color:transparent;border:none;color:red;outline:none}.about-head .avatar{position:relative}.about-head .avatar .before{border:3px solid red;border-bottom:transparent!important;border-right:transparent!important;left:-10px;top:-10px}.about-head .avatar .after,.about-head .avatar .before{content:"";height:50px;position:absolute;width:50px;z-index:10}.about-head .avatar .after{border:3px solid red;border-left:transparent!important;border-top:transparent!important;bottom:-10px;right:-10px}.about-head b{color:red}.about-head p{color:#fff;font-family:sans-serif;font-size:20px;font-weight:400;width:460px}.about-head h2{color:red;font-size:50px}.about-head a{font-family:sans-serif;font-size:28px;font-weight:300;margin-top:10px}.about-head a:hover{color:#fff}.about-head a i{color:red;margin-right:10px}.about-head img{border-radius:5px;height:400px;object-fit:cover;width:320px}.setting{background-color:#000;border:none;bottom:200px;color:#fff!important;padding:15px;position:relative}.offcanvas{background-color:#414040}.offcanvas button{background-color:#fff;font-size:20px}.offcanvas h5{color:#fff;font-size:40px;font-weight:400}.offcanvas a{color:aqua}.colors{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:10px;width:200px}.colors .color{border-radius:5px;cursor:pointer;padding:15px;transition:all .4s ease}.colors .color:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.colors .color:active{-webkit-transform:scale(.9);transform:scale(.9)}.colors .red{background-color:red}.colors .green{background-color:green}.colors .blue{background-color:blue}.colors .cyan{background-color:aqua}.colors .white{background-color:#fff}.frm,.guest{align-items:center;display:flex;justify-content:center}.guest{flex-direction:column;margin-top:20px}.guest b{color:#fff;font-size:20px}
/*# sourceMappingURL=main.550a5ce2.css.map*/