Il conflitto con l'Iran è costato agli Stati Uniti 12,7 miliardi di dollari nei primi sei giorni. Ecco come sono stati spesi quei soldi, illustrato in grafici.
root{}
.furniture-wrapper {
display: grid;
grid-area: header;
height: 100vh;
width: 100vw;
overflow: clip;
position: relative;
background-color: #121212;
margin-bottom: 20px;
margin-left: -10px;
padding: 0;
}
@media (min-width: 30em) {
.furniture-wrapper {
margin-left: -20px;
}
}
@media (min-width: 46.25em) {
.furniture-wrapper {
margin-left: calc((100vw - 740px - var(--scrollbar-width, 0px)) / 2 * -1 - 21px);
}
}
@media (min-width: 61.25em) {
.furniture-wrapper {
margin-left: calc((100vw - 980px - var(--scrollbar-width, 0px)) / 2 * -1 - 21px);
}
}
@media (min-width: 71.25em) {
.furniture-wrapper {
margin-left: calc((100vw - 1140px - var(--scrollbar-width, 0px)) / 2 * -1 - 21px);
}
}
@media (min-width: 81.25em) {
.furniture-wrapper {
margin-left: calc((100vw - 1300px - var(--scrollbar-width, 0px)) / 2 * -1 - 21px);
}
}
@media (min-width: 46.25em) {
.furniture-wrapper {
padding: 0 calc((100vw - 740px - var(--scrollbar-width, 0px)) / 2);
}
}
@media (min-width: 61.25em) {
.furniture-wrapper {
padding: 0 calc((100vw - 980px - var(--scrollbar-width, 0px)) / 2);
}
}
@media (min-width: 71.25em) {
.furniture-wrapper {
padding: 0 calc((100vw - 1140px - var(--scrollbar-width, 0px)) / 2);
}
}
@media (min-width: 81.25em) {
.furniture-wrapper {
padding: 0 calc((100vw - 1300px - var(--scrollbar-width, 0px)) / 2);
}
}
@media (min-width: 46.25em) {
.furniture-wrapper {
height: 90vh;
}
.furniture-wrapper:before {
display: block;
content: "";
position: absolute;
width: 1px;
height: 100%;
left: calc((100vw - 740px - var(--scrollbar-width, 0px)) / 2);
background-color: #333;
z-index: 2;
}
.furniture-wrapper:after {
display: block;
content: "";
position: absolute;
width: 1px;
height: 100%;
top: 0;
right: calc((100vw - 740px - var(--scrollbar-width-positive, 0px)) / 2);
background-color: #333;
z-index: 2;
}
}
@media (min-width: 61.25em) {
.furniture-wrapper {
margin-bottom: 30px;
}
.furniture-wrapper:before {
left: calc((100vw - 980px - var(--scrollbar-width, 0px)) / 2);
}
.furniture-wrapper:after {
right: calc((100vw - 980px - var(--scrollbar-width-positive, 0px)) / 2);
}
}@media (min-width: 61.25em) {
.furniture-wrapper:before {
left: calc((100vw - 980px - var(--scrollbar-width, 0px)) / 2)
}
.furniture-wrapper:after {
right: calc((100vw - 980px - var(--scrollbar-width-positive, 0px)) / 2)
}
}
@media (min-width: 71.25em) {
.furniture-wrapper:before {
left: calc((100vw - 1140px - var(--scrollbar-width, 0px)) / 2)
}
.furniture-wrapper:after {
right: calc((100vw - 1140px - var(--scrollbar-width-positive, 0px)) / 2)
}
}
@media (min-width: 81.25em) {
.furniture-wrapper:before {
left: calc((100vw - 1300px - var(--scrollbar-width, 0px)) / 2)
}
.furniture-wrapper:after {
right: calc((100vw - 1300px - var(--scrollbar-width-positive, 0px)) / 2)
}
}
.furniture-wrapper [data-gu-name=media] {
position: sticky;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
opacity: 1;
overflow: hidden;
transition: opacity .5s ease;
z-index: 1
}
@media (prefers-reduced-motion: reduce) {
.furniture-wrapper [data-gu-name=media] {
opacity: .65
}
}
@media (min-width: 46.25em) {
.furniture-wrapper [data-gu-name=media] {
height: 90vh;
width: 740px
}
}
@media (min-width: 61.25em) {
.furniture-wrapper [data-gu-name=media] {
width: 980px
}
}
@media (min-width: 71.25em) {
.furniture-wrapper [data-gu-name=media] {
width: 1140px
}
}
@media (min-width: 81.25em) {
.furniture-wrapper [data-gu-name=media] {
width: 1300px
}
}
.furniture-wrapper [data-gu-name=media].animate {
opacity: .65
}
.furniture-wrapper [data-gu-name=media].animate .gv-main-image {
scale: 1.07
}
.furniture-wrapper [data-gu-name=media] figure {
display: none
}
.furniture-wrapper [data-gu-name=media] .gv-main-image {
height: 100vh;
width: 100vw;
max-width: unset;
background-position: center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
scale: 1;
transition: scale .5s ease
}
@media (prefers-reduced-motion: reduce) {
.furniture-wrapper [data-gu-name=media] .gv-main-image {
scale: 1.07
}
}
@media (min-width: 46.25em) {
.furniture-wrapper [data-gu-name=media] .gv-main-image {
height: 90vh;
width: 740px
}
}
@media (min-width: 61.25em) {
.furniture-wrapper [data-gu-name=media] .gv-main-image {
width: 980px
}
}
@media (min-width: 71.25em) {
.furniture-wrapper [data-gu-name=media] .gv-main-image {
width: 1140px
}
}
@media (min-width: 81.25em) {
.furniture-wrapper [data-gu-name=media] .gv-main-image {
width: 1300px
}
}
.furniture-wrapper .text-container {
position: absolute;
top: 0;
left: 0;
height: 100vh;
z-index: 1;
padding: 0;
display: flex;
align-items: flex-end;
min-height: 410px;
z-index: 3
}
@media (min-width: 46.25em) {
.furniture-wrapper .text-container {
padding: 0 calc((100vw - 740px - var(--scrollbar-width, 0px)) / 2)
}
}
@media (min-width: 61.25em) {
.furniture-wrapper .text-container {
padding: 0 calc((100vw - 980px - var(--
