Card by Bastiennnn
#e8e8e8
1.card { 2 width: 300px; 3 height: 400px; 4 margin: 0 auto; 5 background-color: #24233b; 6 border-radius: 8px; 7 z-index: 1; 8 box-shadow: 0px 10px 10px rgb(73, 70, 92); 9 transition: 0.5s; 10} 11 12.card:hover { 13 transform: translateY(-7px); 14 box-shadow: 0px 10px 10px black; 15} 16 17.top { 18 display: flex; 19 align-items: center; 20 padding-left: 10px; 21} 22 23.circle { 24 padding: 0 4px; 25} 26 27.circle2 { 28 display: inline-block; 29 align-items: center; 30 width: 10px; 31 height: 10px; 32 padding: 1px; 33 border-radius: 5px; 34} 35 36.red { 37 background-color: #ff605c; 38} 39 40.yellow { 41 background-color: #ffbd44; 42} 43 44.green { 45 background-color: #00ca4e; 46} 47 48.header { 49 margin: 5px; 50 margin-top: 5px; 51 border-radius: 5px; 52} 53 54#title2 { 55 color: white; 56 padding-left: 50px; 57 font-size: 15px; 58} 59 60.code-container { 61 text-align: center; 62} 63#code { 64 width: 270px; 65 height: 350px; 66 resize: none; 67 background-color: rgb(73, 70, 92); 68 border-radius: 5px; 69 border: none; 70 color: white; 71 padding: 10px; 72} 73#code:focus { 74 outline: none !important; 75} 76
2.2K views
2.2K views
MIT License