:root{--m-red: #D52B1E;--m-blue: #0033A0;--m-yellow: #FFC72C;--m-black: #1A1A1A;--bg-page: #F8F9FA;--card-width: 600px;--card-height: 350px}.cards-randomizer{width:min(100%,36rem);margin-inline:auto}.card-scale-shell{--card-scale: .88;width:calc(var(--card-width) * var(--card-scale));height:calc(var(--card-height) * var(--card-scale));margin:0 auto}.card-stage{width:var(--card-width);height:var(--card-height);transform:scale(var(--card-scale));transform-origin:top left}.card{width:var(--card-width);height:var(--card-height);background-color:#fff;box-shadow:0 15px 35px #0000001a;position:relative;overflow:hidden;box-sizing:border-box;color:var(--m-black);transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card a{color:inherit;text-decoration:none}.font-serif{font-family:Playfair Display,serif}.font-sans{font-family:Montserrat,sans-serif}.spacing-wide{letter-spacing:6px}.spacing-medium{letter-spacing:3px}.spacing-small{letter-spacing:1px}.classic-layout{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:40px;box-sizing:border-box}.top-row{display:flex;justify-content:space-between;font-size:10px;align-items:center}.icons i{font-size:16px;margin-left:15px;color:#333}.center-block{text-align:center}.name{font-size:32px;margin-bottom:15px}.title{font-size:11px;color:#444}.bottom-row{text-align:center;font-size:10px;color:#555}.p1{border-top:5px solid var(--m-red);border-right:5px solid var(--m-blue);border-bottom:5px solid var(--m-yellow);border-left:5px solid var(--m-black)}.p2 .separator{width:100px;height:3px;margin:15px auto;background:linear-gradient(to right,var(--m-red) 33.3%,var(--m-yellow) 33.3%,var(--m-yellow) 66.6%,var(--m-blue) 66.6%)}.p2 .name{margin-bottom:0}.p3 .icons .fa-github{color:var(--m-black)}.p3 .icons .fa-linkedin{color:var(--m-blue)}.p3 .icons .fa-graduation-cap{color:var(--m-red)}.p3 .dot{color:var(--m-yellow);font-size:14px;font-weight:700}.p4 .red-letter{color:var(--m-red)}.p4 .blue-letter{color:var(--m-blue)}.p4 .yellow-letter{color:var(--m-yellow)}.p5{padding:0;display:flex}.p5-left{width:70%;padding:50px 40px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.p5-right{width:30%;border-left:4px solid var(--m-black);display:flex;flex-direction:column}.p5-block-1{flex:2;background-color:var(--m-red);border-bottom:4px solid var(--m-black)}.p5-block-2{flex:3;background-color:#fff;border-bottom:4px solid var(--m-black)}.p5-block-3{flex:1;background-color:var(--m-yellow)}.p5 .top-row{justify-content:flex-start;gap:20px;flex-direction:column;align-items:flex-start}.p5 .center-block,.p5 .bottom-row{text-align:left}.p5 .icons{margin-top:10px}.p5 .icons i{margin-left:0;margin-right:15px}.p6{padding:30px}.p6-frame{border:2px solid var(--m-black);height:100%;position:relative}.p6-r{position:absolute;top:-2px;left:-2px;width:20px;height:20px;background:var(--m-red);border:2px solid var(--m-black)}.p6-b{position:absolute;bottom:-2px;right:-2px;width:30px;height:20px;background:var(--m-blue);border:2px solid var(--m-black)}.p6-y{position:absolute;top:50px;right:-2px;width:10px;height:40px;background:var(--m-yellow);border:2px solid var(--m-black)}.p6 .classic-layout{padding:30px}.p7-blocks{display:flex;justify-content:center;gap:8px;margin-top:15px}.p7-blocks div{width:8px;height:8px}.p7-blocks .r{background:var(--m-red)}.p7-blocks .b{background:var(--m-blue)}.p7-blocks .y{background:var(--m-yellow)}.p8{display:grid;grid-template-columns:40px 1fr 100px;grid-template-rows:60px 1fr 50px;padding:0;background:var(--m-black);gap:3px}.p8>div{background:#fff}.p8-tl{grid-column:1;grid-row:1;background:var(--m-red)!important}.p8-tr{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center}.p8-ml{grid-column:1;grid-row:2}.p8-center{grid-column:2;grid-row:1 / 4;display:flex;flex-direction:column;justify-content:center;padding:40px}.p8-mr{grid-column:3;grid-row:2;background:var(--m-yellow)!important}.p8-bl{grid-column:1 / 3;grid-row:3;display:flex;align-items:center;padding-left:20px}.p8-br{grid-column:3;grid-row:3;background:var(--m-blue)!important}.p8 .name{font-size:28px;font-weight:600;text-align:left;margin-bottom:5px}.p8 .title{text-align:left}.p8 .icons i{margin:0 5px;font-size:14px}.p9{padding:15px;background:#fff}.p9-inner{border:4px solid var(--m-black);height:100%;display:flex;flex-direction:column;box-sizing:border-box}.p9-top{border-bottom:4px solid var(--m-black);padding:15px 25px;display:flex;justify-content:space-between}.p9-mid{flex-grow:1;display:flex;align-items:center;justify-content:center;position:relative}.p9-mid:before{content:"";position:absolute;left:50px;top:0;bottom:0;width:4px;background:var(--m-black)}.p9-bot{border-top:4px solid var(--m-black);padding:15px 25px;display:flex;justify-content:space-between;background:var(--m-blue);color:#fff}.p9 .center-block{z-index:1;background:#fff;padding:10px 30px}.p10{background-image:linear-gradient(var(--m-black) 4px,transparent 4px),linear-gradient(90deg,var(--m-black) 4px,transparent 4px);background-size:100px 100px;background-color:#fff;position:relative}.p10:before{content:"";position:absolute;top:0;left:0;width:100px;height:100px;background:var(--m-red)}.p10:after{content:"";position:absolute;bottom:0;right:0;width:200px;height:100px;background:var(--m-yellow)}.p10-blue{position:absolute;top:100px;left:0;width:100px;height:200px;background:var(--m-blue)}.p10-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:4px solid var(--m-black);width:80%;height:70%;z-index:10;box-shadow:10px 10px #0000001a}.p10 .classic-layout{padding:25px}