﻿.corner-cutoff-bottom-right {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 70px), calc(100% - 70px) 100%, 0 100%);
}

.corner-cutoff-bottom-left {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 70px 100%, 0 calc(100% - 70px));
}

.corner-cutoff-top-left {
    clip-path: polygon(70px 0, 100% 0, 100% 100%, 0 100%, 0 70px);
}

.corner-cutoff-top-right {
    clip-path: polygon(calc(100% - 70px) 0, 100% 70px, 100% 100%, 0 100%, 0 0);
}

.circle {
    border-radius: 100%;
}

.hexagon {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}