1<!doctype html><html lang="is"><head> 2 <meta charset="utf-8"> 3 4 <title>BloggsÃða Tölvutek</title> 5 6 7 <link rel="shortcut icon" href="https://blog.tolvutek.is/hubfs/tt-logo-128x128-1.png"> 8 9 <meta name="description" content="Með bloggsÃðu Tölvutek stefnum við á að veita enn betri þjónustu fyrir viðskiptavini okkar. Nýjar vörur, spennandi vöruflokkar og hagnýtar upplýsingar."> 10 11 12 13 14 <meta name="viewport" content="width=device-width, initial-scale=1"> 15 16 17 <meta property="og:description" content="Með bloggsÃðu Tölvutek stefnum við á að veita enn betri þjónustu fyrir viðskiptavini okkar. Nýjar vörur, spennandi vöruflokkar og hagnýtar upplýsingar."> 18 <meta property="og:title" content="BloggsÃða Tölvutek"> 19 <meta name="twitter:description" content="Með bloggsÃðu Tölvutek stefnum við á að veita enn betri þjónustu fyrir viðskiptavini okkar. Nýjar vörur, spennandi vöruflokkar og hagnýtar upplýsingar."> 20 <meta name="twitter:title" content="BloggsÃða Tölvutek"> 21 22 23 24 25 <style> 26a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'âº';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} 27</style> 28 29<style> 30/* Settings */ 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87:root { 88 /* HubSpot DND layout grid */ 89 --hsElevate--column__gap: 2.13%; 90 --hsElevate--column__widthMultiplier: 8.333; 91 92 /* Sections */ 93 --hsElevate--contentWrapper--narrow__maxWidth: 768px ; 94 --hsElevate--contentWrapper--medium__maxWidth: 1120px ; 95 --hsElevate--contentWrapper--wide__maxWidth: 1296px ; 96 97 --hsElevate--section--extraSmall__verticalPadding: 48px ; 98 --hsElevate--section--small__verticalPadding: 64px ; 99 --hsElevate--section--medium__verticalPadding: 96px ; 100 --hsElevate--section--large__verticalPadding: 128px ; 101 --hsElevate--section--extraLarge__verticalPadding: 192px ; 102 103 /* Default section left/right padding */ 104 --hsElevate--section--horizontalPadding: 32px ; 105 106 /* Gap - default gaps that could be easily leveraged in module styles via class names */ 107 --hsElevate--gap--extraSmall: 16px ; 108 --hsElevate--gap--small: 24px ; 109 --hsElevate--gap--medium: 32px ; 110 --hsElevate--gap--large: 64px ; 111 --hsElevate--gap--extraLarge: 96px ; 112 113 /* Spacing - default spacing values */ 114 --hsElevate--spacing--4: 4px ; 115 --hsElevate--spacing--8: 8px ; 116 --hsElevate--spacing--12: 12px ; 117 --hsElevate--spacing--16: 16px ; 118 --hsElevate--spacing--20: 20px ; 119 --hsElevate--spacing--24: 24px ; 120 --hsElevate--spacing--32: 32px ; 121 --hsElevate--spacing--40: 40px ; 122 --hsElevate--spacing--48: 48px ; 123 --hsElevate--spacing--56: 56px ; 124 --hsElevate--spacing--64: 64px ; 125 --hsElevate--spacing--72: 72px ; 126 --hsElevate--spacing--80: 80px ; 127 --hsElevate--spacing--88: 88px ; 128 --hsElevate--spacing--96: 96px ; 129 --hsElevate--spacing--104: 104px ; 130 --hsElevate--spacing--112: 112px ; 131 --hsElevate--spacing--120: 120px ; 132 --hsElevate--spacing--128: 128px ; 133 --hsElevate--spacing--136: 136px ; 134 --hsElevate--spacing--144: 144px ; 135 --hsElevate--spacing--152: 152px ; 136 --hsElevate--spacing--160: 160px ; 137 --hsElevate--spacing--168: 168px ; 138 --hsElevate--spacing--176: 176px ; 139 --hsElevate--spacing--184: 184px ; 140 --hsElevate--spacing--192: 192px ; 141 142 /* Grids */ 143 --default-section-padding: var(--hsElevate--section--medium__verticalPadding) var(--hsElevate--section--horizontalPadding); 144 --default-section-margin: 0; 145 --default-section-max-width: var(--hsElevate--contentWrapper--wide__maxWidth); 146 --default-container-padding: 0; 147 --default-container-margin: 0; 148 --default-container-gap: var(--hsElevate--gap--medium); 149 --default-container-row-gap: var(--hsElevate--gap--medium); 150 --default-container-column-gap: var(--hsElevate--gap--medium); 151 --default-table-padding: 0; 152 --default-table-margin: 0; 153 --default-table-row-gap: var(--hsElevate--gap--medium); 154 --default-table-column-gap: var(--hsElevate--gap--medium); 155} 156 157 158 159 160 161 162 163 164 165 166 167:root { 168 /* Text spacing */ 169 170 --hsElevate--text--extraSmall__margin: 0 0.75rem; /* 12px */ 171 --hsElevate--text--small__margin: 0 1.25rem; /* 20px */ 172 --hsElevate--text__margin: 0 2rem; /* 32px */ 173 --hsElevate--text--large__margin: 0 2.5rem; /* 40px */ 174 --hsElevate--text--extraLarge__margin: 0 4rem; /* 64px */ 175 176 /* Body */ 177 178 --hsElevate--baseText__fontSize: 16px ; 179 --hsElevate--body__font: Inter ; 180 --hsElevate--body--small__fontSize: 1.000125rem ; 181 --hsElevate--body__fontSize: 1.125rem ; 182 --hsElevate--body--large__fontSize: 1.499625rem ; 183 --hsElevate--body--extraLarge__fontSize: 1.9991249999999998rem ; 184 --hsElevate--body__fontWeight: normal ; 185 --hsElevate--body__fontStyle: normal ; 186 --hsElevate--body__lineHeight: 1.55; 187 188 /* Primary links */ 189 190 --hsElevate--link--primary__fontColor: #e60000 ; 191 192 193 --hsElevate--link--primary__textDecoration: none; 194 --hsElevate--link--primary__textDecorationColor: transparent; 195 196 197 /* Hover state */ 198 199 --hsElevate--link--primary__hover--fontColor: #e60000 ; 200 201 202 --hsElevate--link--primary__hover--textDecoration: underline; 203 --hsElevate--link--primary__hover--textDecorationColor: #e60000 ; 204 205 206 /* Secondary links */ 207 208 --hsElevate--link--secondary__fontColor: #E06666 ; 209 210 211 --hsElevate--link--secondary__textDecoration: none; 212 --hsElevate--link--secondary__textDecorationColor: transparent; 213 214 215 /* Hover state */ 216 217 --hsElevate--link--secondary__hover--fontColor: #E06666 ; 218 219 220 --hsElevate--link--secondary__hover--textDecoration: underline; 221 --hsElevate--link--secondary__hover--textDecorationColor: #E06666 ; 222 223 224 /* Headings */ 225 226 /* Percentage change for the heading font sizes on mobile */ 227 --hsElevate--heading__tablet-modifier: 0.8; 228 229 --hsElevate--heading__lineHeight: 1.2; 230 231 --hsElevate--display1__font: Inter ; 232 --hsElevate--display1__fontSize: 6.313rem; 233 234 --hsElevate--display2__font: Inter ; 235 --hsElevate--display2__fontSize: 4.75rem; 236 237 --hsElevate--h1__font: Inter ; 238 --hsElevate--h1__fontSize: 3.5625rem ; 239 --hsElevate--h1__fontWeight: 500 ; 240 --hsElevate--h1__fontStyle: normal ; 241 242 --hsElevate--h2__font: Inter ; 243 --hsElevate--h2__fontSize: 2.6875rem ; 244 --hsElevate--h2__fontWeight: 600 ; 245 --hsElevate--h2__fontStyle: normal ; 246 247 --hsElevate--h3__font: Inter ; 248 --hsElevate--h3__fontSize: 2.0rem ; 249 --hsElevate--h3__fontWeight: 600 ; 250 --hsElevate--h3__fontStyle: normal ; 251 252 --hsElevate--h4__font: Inter ; 253 --hsElevate--h4__fontSize: 1.5rem ; 254 --hsElevate--h4__fontWeight: 600 ; 255 --hsElevate--h4__fontStyle: normal ; 256 257 --hsElevate--h5__font: Inter ; 258 --hsElevate--h5__fontSize: 1.25rem ; 259 --hsElevate--h5__fontWeight: 600 ; 260 --hsElevate--h5__fontStyle: normal ; 261 262 --hsElevate--h6__font: Inter ; 263 --hsElevate--h6__fontSize: 1.0rem ; 264 --hsElevate--h6__fontWeight: 600 ; 265 --hsElevate--h6__fontStyle: normal ; 266 267 /* Quotes */ 268 269 --hsElevate--quotes__font: Inter ; 270 --hsElevate--quotes__fontColor: ; 271 --hsElevate--quotes__fontSize: 1.125rem ; 272 --hsElevate--quotes__fontWeight: 400 ; 273 --hsElevate--quotes__fontStyle: normal ; 274 275 /* Captions */ 276 277 --hsElevate--captions__font: Inter ; 278 --hsElevate--captions__fontSize: 0.75rem ; 279 --hsElevate--captions__fontWeight: 800 ; 280 --hsElevate--captions__fontStyle: normal ; 281 --hsElevate--captions__case: uppercase ; 282 283 /* Images */ 284 285 --hsElevate--rteImages__margin: 2rem; /* 32px */ 286} 287 288 289 290:root { 291 /* Base colors */ 292 --hsElevate--color--base--1: #FFFFFF ; 293 --hsElevate--color--base--2: #F7F9FC ; 294 --hsElevate--color--base--3: #09152B ; 295 296 /* Accent colors */ 297 --hsElevate--color--accent--1: #F4CCCC ; 298 --hsElevate--color--accent--2: #E06666 ;
299 --hsElevate--color--accent--3: #e60000 ; 300} 301 302 303 304 305 306:root { 307 /* Primary button variables */ 308 --hsElevate--button--primary__buttonFill: filled ; 309 310 /* Primary button font */ 311 --hsElevate--button--primary__font: Inter ; 312 /* 313 TODO: Look into why primary_button.text.size ~ primary_button.text.size_unit 314 is not evaluating to the correct size_unit, but can still take in px 315 */ 316 --hsElevate--button--primary__fontSize: 1.0rem ; 317 --hsElevate--button--primary__fontWeight: 500 ; 318 --hsElevate--button--primary__fontStyle: normal ; 319 320 /* Primary button text color */ 321 --hsElevate--button--primary__textColor: #F7F9FC ; 322 --hsElevate--button--primary__hover--textColor: #F7F9FC ; 323 324 /* Primary button shape */ 325 326 327 328 329 330 --hsElevate--button--primary__borderRadius: 8px; 331 332 333 /* Primary button background color */ 334 335 --hsElevate--button--primary__backgroundColor: #e60000 ; 336 --hsElevate--button--primary__hover--backgroundColor: #E06666 ; 337 338 --hsElevate--button--primary__active--backgroundColor: #c24848 ; 339 340 341 342 /* Primary button border */ 343 --hsElevate--button--primary__borderThickness: 0px ; 344 --hsElevate--button--primary__hover--borderThickness: 0px ; 345 346 347 --hsElevate--button--primary__borderColor: transparent; 348 --hsElevate--button--primary__hover--borderColor: transparent; 349 350 351 /* Secondary button variables */ 352 --hsElevate--button--secondary__buttonFill: no_fill ; 353 354 /* Secondary button font */ 355 --hsElevate--button--secondary__font: Inter ; 356 --hsElevate--button--secondary__fontSize: 1.0rem ; 357 --hsElevate--button--secondary__fontWeight: 500 ; 358 --hsElevate--button--secondary__fontStyle: normal ; 359 360 /* Secondary button text color */ 361 --hsElevate--button--secondary__textColor: #e60000 ; 362 --hsElevate--button--secondary__hover--textColor: #E06666 ; 363 364 /* Secondary button shape */ 365 366 367 368 369 370 --hsElevate--button--secondary__borderRadius: 50px; 371 372 373 /* Secondary button background color */ 374 375 --hsElevate--button--secondary__backgroundColor: transparent; 376 --hsElevate--button--secondary__hover--backgroundColor: transparent; 377 378 379 380 /* Secondary button border */ 381 --hsElevate--button--secondary__borderThickness: 2px ; 382 --hsElevate--button--secondary__hover--borderThickness: 2px ; 383 384 385 --hsElevate--button--secondary__borderColor: #e60000 ; 386 --hsElevate--button--secondary__hover--borderColor: #E06666 ; 387 388 389 390 /* Tertiary button variables */ 391 --hsElevate--button--tertiary__buttonFill: filled ; 392 393 /* Tertiary button font */ 394 --hsElevate--button--tertiary__font: Inter ; 395 --hsElevate--button--tertiary__fontSize: 1.0rem ; 396 --hsElevate--button--tertiary__fontWeight: 500 ; 397 --hsElevate--button--tertiary__fontStyle: normal ; 398 399 /* Tertiary button text color */ 400 --hsElevate--button--tertiary__textColor: #09152B ; 401 --hsElevate--button--tertiary__hover--textColor: #09152B ; 402 403 /* Tertiary button shape */ 404 405 406 407 408 409 --hsElevate--button--tertiary__borderRadius: 50px; 410 411 412 /* Tertiary button background color */ 413 414 --hsElevate--button--tertiary__backgroundColor: #E06666 ; 415 --hsElevate--button--tertiary__hover--backgroundColor: #F4CCCC ; 416 417 418 419 420 /* Tertiary button border */ 421 --hsElevate--button--tertiary__borderThickness: 0px ; 422 --hsElevate--button--tertiary__hover--borderThickness: 0px ; 423 424 425 --hsElevate--button--tertiary__borderColor: transparent; 426 --hsElevate--button--tertiary__hover--borderColor: transparent; 427 428 429 /* Accent button variables */ 430 --hsElevate--button--accent__buttonFill: no_fill ; 431 432 /* Accent button font */ 433 --hsElevate--button--accent__font: Inter ; 434 --hsElevate--button--accent__fontSize: 1.0rem ; 435 --hsElevate--button--accent__fontWeight: 500 ; 436 --hsElevate--button--accent__fontStyle: normal ; 437 438 /* Accent button text color */ 439 --hsElevate--button--accent__textColor: #E06666 ; 440 --hsElevate--button--accent__hover--textColor: #F4CCCC ; 441 442 /* Accent button shape */ 443 444 445 446 447 448 --hsElevate--button--accent__borderRadius: 50px; 449 450 451 /* Accent button background color */ 452 453 --hsElevate--button--accent__backgroundColor: transparent; 454 --hsElevate--button--accent__hover--backgroundColor: transparent; 455 456 457 458 /* Accent button border */ 459 --hsElevate--button--accent__borderThickness: 2px ; 460 --hsElevate--button--accent__hover--borderThickness: 2px ; 461 462 463 --hsElevate--button--accent__borderColor: #E06666 ; 464 --hsElevate--button--accent__hover--borderColor: #F4CCCC ; 465 466 467} 468 469 470 471:root { 472 /* Form field background color */ 473 474 --hsElevate--formField__backgroundColor: #F7F9FC ; 475 476 477 /* Form field shape */ 478 479 480 481 482 483 --hsElevate--formField__borderRadius: 50px; 484 485 486 /* Form field border -- multiple fields to properly handle field visibility for both fill and no fill */ 487 488 489 490 491 /* Proper usage of variables to achieve "All" or "Bottom" will be within CSS */ 492 493 --hsElevate--formField__borderThickness: 1px ; 494 495 496 497 --hsElevate--formField__borderTop: 1px solid #D3DAE4 ; 498 --hsElevate--formField__borderRight: 1px solid #D3DAE4 ; 499 --hsElevate--formField__borderLeft: 1px solid #D3DAE4 ; 500 501 502 503 --hsElevate--formField__borderBottom: 1px solid #D3DAE4 ; 504 --hsElevate--formField__borderColor: #D3DAE4 ; 505 506 507 508 509 510 511 /* Form field text color */ 512 --hsElevate--formFieldInput__textColor: #09152B ; 513 514 /* Form field spacing */ 515 --hsElevate--formField__marginBottom: var(--hsElevate--spacing--32); 516 517 /* Form textarea border radius */ 518 --hsElevate--formFieldTextArea__borderRadius: calc(var(--hsElevate--formField__borderRadius) * 0.5); 519 520 /* Form field checkbox/radio */ 521 --hsElevate--formFieldCheckboxRadio__size: 24px; 522 --hsElevate--formFieldCheckboxRadio__fillColor: #000000; 523 524 /* Form field placeholder */ 525 --hsElevate--formFieldPlaceholder__textColor: #7d8ca5 ; 526 527 /* Form required field color */ 528 --hsElevate--formRequired__color: #de2828; 529 530 /* Form field datepicker icon */ 531 --hsElevate--formField__datepickerIcon: url("data:image/svg+xml,%3Csvg width='24' height='29' viewBox='0 0 24 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3812_12272)'%3E%3Cpath d='M8.14286 2.07136C8.14286 1.35886 7.56964 0.785645 6.85714 0.785645C6.14464 0.785645 5.57143 1.35886 5.57143 2.07136V4.21422H3.42857C1.5375 4.21422 0 5.75172 0 7.64279V8.49993V11.0714V24.7856C0 26.6767 1.5375 28.2142 3.42857 28.2142H20.5714C22.4625 28.2142 24 26.6767 24 24.7856V11.0714V8.49993V7.64279C24 5.75172 22.4625 4.21422 20.5714 4.21422H18.4286V2.07136C18.4286 1.35886 17.8554 0.785645 17.1429 0.785645C16.4304 0.785645 15.8571 1.35886 15.8571 2.07136V4.21422H8.14286V2.07136ZM2.57143 11.0714H21.4286V24.7856C21.4286 25.2571 21.0429 25.6428 20.5714 25.6428H3.42857C2.95714 25.6428 2.57143 25.2571 2.57143 24.7856V11.0714Z' fill='%2309152B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3812_12272'%3E%3Crect width='24' height='27.4286' fill='white' transform='translate(0 0.785645)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); 532 533 /* Form field select icon */ 534 --hsElevate--formField__selectIcon: url("data:image/svg+xml,%3Csvg width='24' height='25' viewB
534ox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9407 19.5595C11.5267 20.1454 12.4782 20.1454 13.0642 19.5595L22.0642 10.5595C22.6501 9.97354 22.6501 9.02197 22.0642 8.43604C21.4782 7.8501 20.5267 7.8501 19.9407 8.43604L12.0001 16.3767L4.05947 8.44072C3.47354 7.85478 2.52197 7.85478 1.93604 8.44072C1.3501 9.02666 1.3501 9.97822 1.93604 10.5642L10.936 19.5642L10.9407 19.5595Z' fill='%2309152B'/%3E%3C/svg%3E%0A"); 535 536 /* Textarea drag icon */ 537 --hsElevate--formField__dragIcon: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-1' x2='29.5206' y2='-1' transform='matrix(-0.666795 0.745241 -0.806754 -0.590888 19.6843 0)' stroke='%23303F59' stroke-width='2'/%3E%3Cpath d='M21.0005 9.99756L10.5005 21.9976' stroke='%23303F59' stroke-width='2'/%3E%3C/svg%3E%0A"); 538 539 /* Label text */ 540 --hsElevate--formLabel__textColor: #09152B ; 541 --hsElevate--formLabel__font: Inter ; 542 --hsElevate--formLabel__fontSize: 1.125rem ; 543 --hsElevate--formLabel__fontWeight: 500 ; 544 --hsElevate--formLabel__marginBottom: var(--hsElevate--spacing--8); 545 546 /* Help text */ 547 --hsElevate--formHelpText__textColor: #647390; 548 549 /* Form background color */ 550 551 --hsElevate--form__backgroundColor: #FFFFFF ; 552 553 554 /* Form shape */ 555 556 557 558 559 560 --hsElevate--form__borderRadius: 24px; 561 562 563 /* Form border */ 564 565 --hsElevate--form__borderThickness: 1px ; 566 --hsElevate--form__borderColor: #D3DAE4 ; 567 568 569 /* Form spacing */ 570 --hsElevate--form__padding: var(--hsElevate--spacing--48); 571 572 /* CSS variables for new forms */ 573 574 /* Global vars */ 575 --hsf-global__font-family: var(--hsElevate--formLabel__font); 576 --hsf-global__font-size: var(--hsElevate--formLabel__fontSize); 577 --hsf-global__color: var(--hsElevate--formLabel__textColor); 578 --hsf-global-error__color: var(--hsElevate--formRequired__color); 579 580 /* Form */ 581 --hsf-background__background-color: var(--hsElevate--form__backgroundColor); 582 --hsf-background__padding: var(--hsElevate--form__padding); 583 --hsf-background__border-style: solid; 584 --hsf-background__border-color: var(--hsElevate--form__borderColor); 585 --hsf-background__border-radius: var(--hsElevate--form__borderRadius); 586 --hsf-background__border-width: var(--hsElevate--form__borderThickness); 587 588 /* Content */ 589 --hsf-heading__font-family: var(--hsf-global__font-family); 590 --hsf-heading__color: var(--hsf-global__color); 591 --hsf-heading__text-shadow: none; 592 --hsf-richtext__font-family: var(--hsf-global__font-family); 593 --hsf-richtext__font-size: var(--hsf-global__font-size); 594 --hsf-richtext__color: var(--hsf-global__color); 595 596 /* Labels */ 597 --hsf-field-label__font-family: var(--hsf-global__font-family); 598 --hsf-field-label__font-size: var(--hsf-global__font-size); 599 --hsf-field-label__color: var(--hsf-global__color); 600 --hsf-field-label-requiredindicator__color: var(--hsf-global-error__color); 601 --hsf-module__vertical-spacing: var(--hsElevate--formLabel__marginBottom); 602 603 /* Help text */ 604 --hsf-field-description__font-family: var(--hsf-global__color); 605 --hsf-field-description__color: var(--hsElevate--formHelpText__textColor); 606 607 /* Errors */ 608 --hsf-erroralert__font-family: var(--hsElevate--formLabel__font); 609 --hsf-erroralert__color: var(--hsf-global-error__color); 610 611 /* Field footer */ 612 --hsf-field-footer__font-family: var(--hsf-field-description__font-family); 613 --hsf-field-footer__color: var(--hsf-field-description__color); 614 615 /* Field */ 616 --hsf-field-input__font-family: var(--hsf-global__font-family); 617 --hsf-field-input__background-color: var(--hsElevate--formField__backgroundColor); 618 --hsf-field-input__placeholder-color: var(--hsElevate--formFieldPlaceholder__textColor); 619 --hsf-field-input__border-color: var(--hsElevate--formField__borderColor); 620 621 --hsf-field-input__border-width: var(--hsElevate--formField__borderThickness); 622 623 --hsf-field-input__border-style: solid; 624 --hsf-field-input__border-radius: var(--hsElevate--formField__borderRadius); 625 --hsf-field-input__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--32); 626 --hsf-field-input__color: var(--hsElevate--formFieldInput__textColor); 627 --hsf-row__vertical-spacing: var(--hsElevate--formField__marginBottom); 628 --hsf-row__horizontal-spacing: var(--hsElevate--spacing--32); 629 630 /* Textarea */ 631 --hsf-field-textarea__font-family: var(--hsf-field-input__font-family); 632 --hsf-field-textarea__color: var(--hsf-field-input__color); 633 --hsf-field-textarea__background-color: var(--hsf-field-input__background-color); 634 --hsf-field-textarea__border-color: var(--hsf-field-input__border-color); 635 --hsf-field-textarea__border-style: var(--hsf-field-input__border-style); 636 --hsf-field-textarea__border-radius: var(--hsElevate--formFieldTextArea__borderRadius); 637 --hsf-field-textarea__padding: var(--hsf-field-input__padding); 638 639 /* Checkbox */ 640 --hsf-field-checkbox__padding: calc(var(--hsElevate--formFieldCheckboxRadio__size) / 2); 641 --hsf-field-checkbox__background-color: #fff; 642 --hsf-field-checkbox__color: var(--hsElevate--formFieldCheckboxRadio__fillColor); 643 --hsf-field-checkbox__border-color: var(--hsf-field-input__border-color); 644 --hsf-field-checkbox__border-width: 1px 1px 1px 1px; 645 --hsf-field-checkbox__border-style: var(--hsf-field-input__border-style); 646 647 /* Radio */ 648 --hsf-field-radio__padding: calc(var(--hsElevate--formFieldCheckboxRadio__size) / 2); 649 --hsf-field-radio__background-color: #fff; 650 --hsf-field-radio__color: var(--hsElevate--formFieldCheckboxRadio__fillColor); 651 --hsf-field-radio__border-color: var(--hsf-field-input__border-color); 652 --hsf-field-radio__border-width: 1px 1px 1px 1px; 653 --hsf-field-radio__border-style: var(--hsf-field-input__border-style); 654 655 /* Progress bar CSS vars: 656 - --hsf-progressbar__font-family 657 - --hsf-progressbar__font-family 658 - --hsf-progressbar__font-size 659 - --hsf-progressbar__color 660 - --hsf-progressbar__background-color 661 - --hsf-progressbar__background 662 - --hsf-progressbar__border-color 663 - --hsf-progressbar__border-style 664 - --hsf-progressbar__border-width 665 */ 666 667 /* Button */ 668 --hsf-button__width: 100%; 669 --hsf-button__font-family: var(--hsElevate--button--primary__font); 670 --hsf-button__font-size: var(--hsElevate--button--primary__fontSize); 671 --hsf-button__font-weight: var(--hsElevate--button--primary__fontWeight); 672 --hsf-button__color: var(--hsElevate--button--primary__textColor); 673 --hsf-button__background-color: var(--hsElevate--button--primary__backgroundColor); 674 --hsf-button__background-image: none; 675 --hsf-button__border-radius: var(--hsElevate--button--primary__borderRadius); 676 --hsf-button__border-width: var(--hsElevate--button--primary__borderThickness); 677 --hsf-button__border-style: solid; 678 --hsf-button__border-color: var(--hsElevate--button--primary__borderColor); 679 --hsf-button__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--24); 680 --hsf-button__box-shadow: none; 681 --hsf-button--hover__color: var(--hsElevate--button--primary__hover--textColor); 682 --hsf-button--hover__background-color: var(--hsElevate--button--primary__hover--backgroundColor); 683 --hsf-button--hover__border-color: var(--hsElevate--button--primary__hover--borderColor); 684 --hsf-button--focus__color: var(--hsElevate--button--primary__hover--textColor); 685 --hsf-button--focus__background-color: var(--hsElevate--button--primary__hover--backgroundColor); 686 --hsf-button--focus__border-color: var(--hsElevate--button--primary__hover--borderColor); 687} 688 689@media (max-width: 600px) { 690 :root { 691 --hsElevate--form__padding: var(--hsElevate--spacing--24); 692 } 693 694 .hsfc-PhoneInput__FlagAndCaret { 695 --hsf-field-input__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--16); 696 } 697} 698 699 700 701 702 703 704 705 706 707 708 709 710:root { 711 /* Card variant 1 */ 712 713 /* Shape */ 714 715 716 717 718 719 --hsElevate--card--variant1__borderRadius: 16px; 720 --hsElevate--card--variant1__iconBorderRadius: 12px; 721 722 723 /* Border thickness */ 724 --hsElevate--card--variant1__borderThickness: 1px ; 725 726 /* Colors */ 727 728 --hsElevate--card--variant1__backgroundColor: #FFFFFF ; 729 730 731 732 --hsElevate--card--variant1__borderColor: #D3DAE4 ; 733 734 735 --hsElevate--card--variant1__textColor: #09152B ; 736 737 /* Links */ 738 739 740 741 742 --hsElevate--card--variant1--link__fontColor: #e60000 ; 743 744 745 --hsElevate--card--variant1--link__textDecoration: none; 746 --hsElevate--card--variant1--link__textDecorationColor: transparent; 747 748 749 /* Hover state */ 750 751 --hsElevate--card--variant1--link__hover--fontColor: #e60000 ; 752 753 --hsElevate--card--variant1--link__hover--textDecoration: underline; 754 --hsElevate--card--variant1--link__hover--textDecorationColor: #e60000 ; 755 756 757 /* Icon colors */ 758 759 --hsElevate--card--variant1__iconColor: #e60000 ;
760 --hsElevate--card--variant1__iconBackgroundColor: #EEEEEE ; 761 762 /* Card variant 2 */ 763 764 /* Shape */ 765 766 767 768 769 770 --hsElevate--card--variant2__borderRadius: 16px; 771 --hsElevate--card--variant2__iconBorderRadius: 12px; 772 773 774 /* Border thickness */ 775 --hsElevate--card--variant2__borderThickness: 1px ; 776 777 /* Colors */ 778 779 --hsElevate--card--variant2__backgroundColor: #F7F9FC ; 780 781 782 783 --hsElevate--card--variant2__borderColor: #D3DAE4 ; 784 785 786 --hsElevate--card--variant2__textColor: #09152B ; 787 788 /* Links */ 789 790 791 792 793 --hsElevate--card--variant2--link__fontColor: #e60000 ; 794 795 796 --hsElevate--card--variant2--link__textDecoration: none; 797 --hsElevate--card--variant2--link__textDecorationColor: transparent; 798 799 800 /* Hover state */ 801 802 --hsElevate--card--variant2--link__hover--fontColor: #e60000 ; 803 804 --hsElevate--card--variant2--link__hover--textDecoration: underline; 805 --hsElevate--card--variant2--link__hover--textDecorationColor: #e60000 ; 806 807 808 /* Icon colors */ 809 810 --hsElevate--card--variant2__iconColor: #e60000 ; 811 --hsElevate--card--variant2__iconBackgroundColor: #D3DAE4 ; 812 813 /* Card variant 3 */ 814 815 /* Shape */ 816 817 818 819 820 821 --hsElevate--card--variant3__borderRadius: 16px; 822 --hsElevate--card--variant3__iconBorderRadius: 12px; 823 824 825 /* Border thickness */ 826 --hsElevate--card--variant3__borderThickness: 1px ; 827 828 /* Colors */ 829 830 --hsElevate--card--variant3__backgroundColor: #09152B ; 831 832 833 834 --hsElevate--card--variant3__borderColor: #303F59 ; 835 836 837 --hsElevate--card--variant3__textColor: #F7F9FC ; 838 839 /* Links */ 840 841 842 843 844 --hsElevate--card--variant3--link__fontColor: #E06666 ; 845 846 847 --hsElevate--card--variant3--link__textDecoration: none; 848 --hsElevate--card--variant3--link__textDecorationColor: transparent; 849 850 851 /* Hover state */ 852 853 --hsElevate--card--variant3--link__hover--fontColor: #E06666 ; 854 855 --hsElevate--card--variant3--link__hover--textDecoration: underline; 856 --hsElevate--card--variant3--link__hover--textDecorationColor: #E06666 ; 857 858 859 /* Icon colors */ 860 861 --hsElevate--card--variant3__iconColor: #E06666 ; 862 --hsElevate--card--variant3__iconBackgroundColor: #303F59 ; 863 864 /* Card variant 4 */ 865 866 /* Shape */ 867 868 869 870 871 872 --hsElevate--card--variant4__borderRadius: 16px; 873 --hsElevate--card--variant4__iconBorderRadius: 12px; 874 875 876 /* Border thickness */ 877 --hsElevate--card--variant4__borderThickness: 1px ; 878 879 /* Colors */ 880 881 --hsElevate--card--variant4__backgroundColor: #18233B ; 882 883 884 885 --hsElevate--card--variant4__borderColor: #303F59 ; 886 887 888 --hsElevate--card--variant4__textColor: #F7F9FC ; 889 890 /* Links */ 891 892 893 894 895 --hsElevate--card--variant4--link__fontColor: #E06666 ; 896 897 898 --hsElevate--card--variant4--link__textDecoration: none; 899 --hsElevate--card--variant4--link__textDecorationColor: transparent; 900 901 902 /* Hover state */ 903 904 --hsElevate--card--variant4--link__hover--fontColor: #E06666 ; 905 906 --hsElevate--card--variant4--link__hover--textDecoration: underline; 907 --hsElevate--card--variant4--link__hover--textDecorationColor: #E06666 ; 908 909 910 /* Icon colors */ 911 --hsElevate--card--variant4__iconColor: #E06666 ; 912 --hsElevate--card--variant4__iconBackgroundColor: #303F59 ; 913} 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930:root { 931 /* Light section 1 */ 932 --hsElevate--section--lightSection--1__backgroundColor: #FFFFFF ; 933 --hsElevate--section--lightSection--1__textColor: #09152B ; 934 --hsElevate--section--lightSection--1__accentColor: #e60000 ; 935 --hsElevate--section--lightSection--1__captionColor: #E06666 ; 936 --hsElevate--section--lightSection--1--blockquote__textColor: #e60000 ; 937 --hsElevate--section--lightSection--1--blockquote__backgroundColor: #F7F9FC ; 938 --hsElevate--section--lightSection--1--blockquote__accentColor: #990100 ; 939 940 941 942 943 944 --hsElevate--section--lightSection--1--link__fontColor: #E06666 ; 945 946 947 --hsElevate--section--lightSection--1--link__textDecoration: none; 948 --hsElevate--section--lightSection--1--link__textDecorationColor: transparent; 949 950 951 /* Hover state */ 952 953 --hsElevate--section--lightSection--1--link__hover--fontColor: #E06666 ; 954 955 --hsElevate--section--lightSection--1--link__hover--textDecoration: underline; 956 --hsElevate--section--lightSection--1--link__hover--textDecorationColor: #E06666 ; 957 958 959 /* Light section 2 */ 960 --hsElevate--section--lightSection--2__backgroundColor: #F7F9FC ; 961 --hsElevate--section--lightSection--2__textColor: #09152B ; 962 --hsElevate--section--lightSection--2__accentColor: #e60000 ; 963 --hsElevate--section--lightSection--2__captionColor: #647390 ; 964 --hsElevate--section--lightSection--2--blockquote__textColor: #09152B ; 965 --hsElevate--section--lightSection--2--blockquote__backgroundColor: #F7F9FC ; 966 --hsElevate--section--lightSection--2--blockquote__accentColor: #e60000 ; 967 968 969 970 971 972 --hsElevate--section--lightSection--2--link__fontColor: #e60000 ; 973 974 975 --hsElevate--section--lightSection--2--link__textDecoration: none; 976 --hsElevate--section--lightSection--2--link__textDecorationColor: transparent; 977 978 979 /* Hover state */ 980 981 --hsElevate--section--lightSection--2--link__hover--fontColor: #e60000 ; 982 983 --hsElevate--section--lightSection--2--link__hover--textDecoration: underline; 984 --hsElevate--section--lightSection--2--link__hover--textDecorationColor: #e60000 ; 985 986 987 /* Light section 3 */ 988 --hsElevate--section--lightSection--3__backgroundColor: #F4CCCC ; 989 --hsElevate--section--lightSection--3__textColor: #09152B ; 990 --hsElevate--section--lightSection--3__accentColor: #e60000 ; 991 --hsElevate--section--lightSection--3__captionColor: #4D6080 ; 992 --hsElevate--section--lightSection--3--blockquote__textColor: #09152B ; 993 --hsElevate--section--lightSection--3--blockquote__backgroundColor: #F4CCCC ; 994 --hsElevate--section--lightSection--3--blockquote__accentColor: #e60000 ; 995 996 997 998 999 1000 --hsElevate--section--lightSection--3--link__fontColor: #e60000 ; 1001 1002 1003 --hsElevate--section--lightSection--3--link__textDecoration: none; 1004 --hsElevate--section--lightSection--3--link__textDecorationColor: transparent; 1005 1006 1007 /* Hover state */ 1008 1009 --hsElevate--section--lightSection--3--link__hover--fontColor: #e60000 ; 1010 1011 --hsElevate--section--lightSection--3--link__hover--textDecoration: underline; 1012 --hsElevate--section--lightSection--3--link__hover--textDecorationColor: #e60000 ; 1013 1014 1015 /* Dark section 1 */ 1016 --hsElevate--section--darkSection--1__backgroundColor: #09152B ; 1017 --hsElevate--section--darkSection--1__textColor: #F7F9FC ; 1018 --hsElevate--section--darkSection--1__accentColor: #E06666 ; 1019 --hsElevate--section--darkSection--1__captionColor: #7D8CA5 ; 1020 --hsElevate--section--darkSection--1--blockquote__textColor: #F7F9FC ; 1021 --hsElevate--section--darkSection--1--blockquote__backgroundColor: #18233B ; 1022 --hsElevate--section--darkSection--1--blockquote__accentColor: #E06666 ; 1023 1024 1025 1026 1027 1028 --hsElevate--section--darkSection--1--link__fontColor: #E06666 ; 1029 1030 1031 --hsElevate--section--darkSection--1--link__textDecoration: none; 1032 --hsElevate--section--darkSection--1--link__textDecorationColor: transparent; 1033 1034 1035 /* Hover state */ 1036 1037 --hsElevate--section--darkSection--1--link__hover--fontColor: #E06666 ; 1038 1039 --hsElevate--section--darkSection--1--link__hover--textDecoration: underline; 1040 --hsElevate--section--darkSection--1--link__hover--textDecorationColor: #E06666 ; 1041 1042} 1043 1044 1045:root { 1046 /* Font */ 1047 --hsElevate--tag__font: Inter ; 1048 --hsElevate--tag__fontColor: ; 1049 --hsElevate--tag__fontSize: 0.875rem ; 1050 --hsElevate--tag__fontWeight: 500 ; 1051 --hsElevate--tag__fontStyle: normal ; 1052 1053 /* Text colors */ 1054 --hsElevate--tag__textColor: #e60000 ; 1055
1056 /* Background colors */ 1057 1058 --hsElevate--tag__backgroundColor: #F4CCCC ; 1059 1060 1061 /* Shape */ 1062 1063 1064 1065 1066 1067 --hsElevate--tag__borderRadius: 50px; 1068 1069 1070 /* Border thickness */ 1071 --hsElevate--tag__borderThickness: 1px ; 1072 --hsElevate--tag__borderColor: #F4CCCC ; 1073 1074 /* Case */ 1075 --hsElevate--tag__case: none ; 1076} 1077:root { 1078 /* Border radius based on shape */ 1079 --hsElevate-sharp: 0; 1080 --hsElevate-rounded--extra-small: 4px; 1081 --hsElevate-rounded--small: 8px; 1082 --hsElevate-rounded: 16px; 1083 --hsElevate-rounded--large: 24px; 1084 --hsElevate-rounded--extra-large: 32px; 1085 --hsElevate-circle: 50%; 1086} 1087:root { 1088 --hsElevate--icon--small__size: 16px; 1089 --hsElevate--icon--medium__size: 24px; 1090 --hsElevate--icon--large__size: 32px; 1091} 1092 1093/* Generic */ 1094 1095*, 1096*:before, 1097*:after { 1098 box-sizing: border-box; 1099} 1100/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 1101 1102/* Document 1103 ========================================================================== */ 1104 1105/** 1106 * 1. Correct the line height in all browsers. 1107 * 2. Prevent adjustments of font size after orientation changes in iOS. 1108 */ 1109 1110html { 1111 line-height: 1.15; /* 1 */ 1112 -webkit-text-size-adjust: 100%; /* 2 */ 1113} 1114 1115/* Sections 1116 ========================================================================== */ 1117 1118/** 1119 * Remove the margin in all browsers. 1120 */ 1121 1122body { 1123 margin: 0; 1124 overflow-x: hidden; 1125} 1126 1127/** 1128 * Correct the font size and margin on `h1` elements within `section` and 1129 * `article` contexts in Chrome, Firefox, and Safari. 1130 */ 1131 1132h1 { 1133 font-size: 2em; 1134 margin: 0.67em 0; 1135} 1136 1137/* Grouping content 1138 ========================================================================== */ 1139 1140/** 1141 * Add the correct box sizing in Firefox. 1142 */ 1143 1144hr { 1145 box-sizing: content-box; 1146 height: 0; 1147} 1148 1149/** 1150 * 1. Correct the inheritance and scaling of font size in all browsers. 1151 * 2. Correct the odd `em` font sizing in all browsers. 1152 */ 1153 1154pre { 1155 font-family: monospace, monospace; /* 1 */ 1156 font-size: 1em; /* 2 */ 1157} 1158 1159/* Text-level semantics 1160 ========================================================================== */ 1161 1162/** 1163 * 1. Remove the bottom border in Chrome 57- 1164 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari. 1165 */ 1166 1167abbr[title] { 1168 border-bottom: none; /* 1 */ 1169 text-decoration: underline; /* 2 */ 1170 -webkit-text-decoration: underline dotted; 1171 text-decoration: underline dotted; /* 2 */ 1172} 1173 1174/** 1175 * Add the correct font weight in Chrome, Edge, and Safari. 1176 */ 1177 1178b, 1179strong { 1180 font-weight: bolder; 1181} 1182 1183/** 1184 * 1. Correct the inheritance and scaling of font size in all browsers. 1185 * 2. Correct the odd `em` font sizing in all browsers. 1186 */ 1187 1188code, 1189kbd, 1190samp { 1191 font-family: monospace, monospace; /* 1 */ 1192 font-size: 1em; /* 2 */ 1193} 1194 1195/** 1196 * Add the correct font size in all browsers. 1197 */ 1198 1199small { 1200 font-size: 80%; 1201} 1202 1203/** 1204 * Prevent `sub` and `sup` elements from affecting the line height in 1205 * all browsers. 1206 */ 1207 1208sub, 1209sup { 1210 font-size: 75%; 1211 line-height: 0; 1212 position: relative; 1213 vertical-align: baseline; 1214} 1215 1216sub { 1217 bottom: -0.25em; 1218} 1219 1220sup { 1221 top: -0.5em; 1222} 1223
1224/* Forms 1225 ========================================================================== */ 1226 1227/** 1228 * 1. Change the font styles in all browsers. 1229 * 2. Remove the margin in Firefox and Safari. 1230 */ 1231 1232button, 1233input, 1234optgroup, 1235select, 1236textarea { 1237 font-family: inherit; /* 1 */ 1238 font-size: 100%; /* 1 */ 1239 line-height: 1.15; /* 1 */ 1240 margin: 0; /* 2 */ 1241} 1242 1243/** 1244 * Remove the inheritance of text transform in Edge and Firefox. 1245 * 1. Remove the inheritance of text transform in Firefox. 1246 */ 1247 1248button, 1249select { 1250 text-transform: none; 1251} 1252 1253/** 1254 * Correct the inability to style clickable types in iOS and Safari. 1255 */ 1256 1257button, 1258[type='button'], 1259[type='reset'], 1260[type='submit'] { 1261 -webkit-appearance: button; 1262} 1263 1264/** 1265 * Remove the inner border and padding in Firefox. 1266 */ 1267 1268button::-moz-focus-inner, 1269[type='button']::-moz-focus-inner, 1270[type='reset']::-moz-focus-inner, 1271[type='submit']::-moz-focus-inner { 1272 border-style: none; 1273 padding: 0; 1274} 1275 1276/** 1277 * Restore the focus styles unset by the previous rule. 1278 */ 1279 1280button:-moz-focusring, 1281[type='button']:-moz-focusring, 1282[type='reset']:-moz-focusring, 1283[type='submit']:-moz-focusring { 1284 outline: 1px dotted ButtonText; 1285} 1286 1287/** 1288 * Correct the padding in Firefox. 1289 */ 1290 1291fieldset { 1292 padding: 0.35em 0.75em 0.625em; 1293} 1294
1295/** 1296 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. 1297 */ 1298 1299legend { 1300 padding: 0; 1301} 1302 1303/** 1304 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 1305 */ 1306 1307progress { 1308 vertical-align: baseline; 1309} 1310 1311/** 1312 * Correct the cursor style of increment and decrement buttons in Chrome. 1313 */ 1314 1315[type='number']::-webkit-inner-spin-button, 1316[type='number']::-webkit-outer-spin-button { 1317 height: auto; 1318} 1319 1320/** 1321 * 1. Correct the odd appearance in Chrome and Safari. 1322 * 2. Correct the outline style in Safari. 1323 */ 1324 1325[type='search'] { 1326 -webkit-appearance: textfield; /* 1 */ 1327 outline-offset: -2px; /* 2 */ 1328} 1329 1330/** 1331 * Remove the inner padding in Chrome and Safari on macOS. 1332 */ 1333 1334[type='search']::-webkit-search-decoration { 1335 -webkit-appearance: none; 1336} 1337 1338/** 1339 * 1. Correct the inability to style clickable types in iOS and Safari. 1340 * 2. Change font properties to `inherit` in Safari. 1341 */ 1342 1343::-webkit-file-upload-button { 1344 -webkit-appearance: button; /* 1 */ 1345 font: inherit; /* 2 */ 1346} 1347 1348/* Interactive 1349 ========================================================================== */ 1350 1351/* 1352 * Add the correct display in Edge and Firefox. 1353 */ 1354 1355details { 1356 display: block; 1357} 1358 1359/* 1360 * Add the correct display in all browsers. 1361 */ 1362 1363summary { 1364 display: list-item; 1365} 1366 1367/* Objects */ 1368 1369.dnd-section { 1370 padding: var(--hsElevate--section--medium__verticalPadding) var(--hsElevate--section--horizontalPadding); 1371} 1372 1373.dnd-section > .row-fluid, 1374.hs-elevate-content-wrapper { 1375 margin: 0 auto; 1376 max-width: var(--hsElevate--contentWrapper--wide__maxWidth); 1377} 1378 1379.hs-elevate-content-wrapper { 1380 padding: 0 var(--hsElevate--section--horizontalPadding); 1381} 1382 1383/* Helper Classes */ 1384 1385.hs-elevate-content-wrapper--sm { 1386 max-width: var(--hsElevate--contentWrapper--narrow__maxWidth); 1387 padding: 0; 1388} 1389 1390.hs-elevate-content-wrapper--md { 1391 max-width: var(--hsElevate--contentWrapper--medium__maxWidth); 1392 padding: 0; 1393} 1394 1395/* Padding for non DND sections */ 1396 1397.hs-elevate-content-padding { 1398 padding-block: var(--hsElevate--section--medium__verticalPadding); 1399} 1400 1401.hs-elevate-content-padding--extra-small { 1402 padding-block: var(--hsElevate--section--extraSmall__verticalPadding); 1403} 1404 1405.hs-elevate-content-padding--small { 1406 padding-block: var(--hsElevate--section--small__verticalPadding); 1407} 1408 1409.hs-elevate-content-padding--large { 1410 padding-block: var(--hsElevate--section--large__verticalPadding); 1411} 1412 1413.hs-elevate-content-padding--extra-large { 1414 padding-block: var(--hsElevate--section--extraLarge__verticalPadding); 1415} 1416 1417.row-fluid { 1418 display: flex; 1419 flex-wrap: wrap; 1420 width: 100%; 1421} 1422 1423.row-fluid .span1, 1424.row-fluid .span2, 1425.row-fluid .span3, 1426.row-fluid .span4, 1427.row-fluid .span5, 1428.row-fluid .span6, 1429.row-fluid .span7, 1430.row-fluid .span8, 1431.row-fluid .span9, 1432.row-fluid .span10, 1433.row-fluid .span11, 1434.row-fluid .span12 { 1435 min-height: 1px; 1436 width: 100%; 1437} 1438 1439@media (min-width: 768px) { 1440 .row-fluid { 1441 flex-wrap: nowrap; 1442 justify-content: space-between; 1443 } 1444 1445 .row-fluid .span1 { 1446 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 1 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 11 / 100); 1447 } 1448 1449 .row-fluid .span2 { 1450 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 2 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 10 / 100); 1451 } 1452 1453 .row-fluid .span3 { 1454 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 3 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 9 / 100); 1455 } 1456 1457 .row-fluid .span4 { 1458 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 4 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 8 / 100); 1459 } 1460 1461 .row-fluid .span5 { 1462 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 5 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 7 / 100); 1463 } 1464 1465 .row-fluid .span6 { 1466 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 6 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 6 / 100); 1467 } 1468 1469 .row-fluid .span7 { 1470 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 7 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 5 / 100); 1471 } 1472 1473 .row-fluid .span8 { 1474 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 8 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 4 / 100); 1475 } 1476 1477 .row-fluid .span9 { 1478 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 9 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 3 / 100); 1479 } 1480 1481 .row-fluid .span10 { 1482 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 10 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 2 / 100); 1483 } 1484 1485 .row-fluid .span11 { 1486 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 11 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 1 / 100); 1487 } 1488} 1489 1490/* Elements */ 1491 1492html { 1493 font-size: var(--hsElevate--baseText__fontSize); 1494} 1495 1496body { 1497 background-color: var(--hsElevate--section--lightSection--1__backgroundColor); 1498 color: var(--hsElevate--section--lightSection--1__textColor); 1499 font-family: var(--hsElevate--body__font); 1500 font-size: var(--hsElevate--body__fontSize); 1501 font-style: var(--hsElevate--body__fontStyle); 1502 font-weight: var(--hsElevate--body__fontWeight); 1503 line-height: var(--hsElevate--body__lineHeight); 1504 overflow-wrap: break-word; 1505} 1506 1507html[lang^='ja'] body, 1508html[lang^='zh'] body, 1509html[lang^='ko'] body { 1510 line-break: strict; 1511 overflow-wrap: normal; 1512 word-break: break-all; 1513} 1514
1515/* Paragraphs */ 1516 1517p { 1518 margin-block: var(--hsElevate--text__margin); 1519} 1520 1521a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link), 1522a.hs-elevate-link--primary, 1523.hs-elevate-link--primary a { 1524 color: var(--hsElevate--link--primary__fontColor); 1525 cursor: pointer; 1526 -webkit-text-decoration: var(--hsElevate--link--primary__textDecoration); 1527 text-decoration: var(--hsElevate--link--primary__textDecoration); 1528 text-decoration-color: var(--hsElevate--link--primary__textDecorationColor); 1529} 1530 1531a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1532a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus, 1533a.hs-elevate-link--primary:hover, 1534.hs-elevate-link--primary a:hover, 1535a.hs-elevate-link--primary:focus, 1536.hs-elevate-link--primary a:focus { 1537 color: var(--hsElevate--link--primary__hover--fontColor); 1538 -webkit-text-decoration: var(--hsElevate--link--primary__hover--textDecoration); 1539 text-decoration: var(--hsElevate--link--primary__hover--textDecoration); 1540 text-decoration-color: var(--hsElevate--link--primary__hover--textDecorationColor); 1541} 1542 1543a.hs-elevate-link--secondary, 1544.hs-elevate-link--secondary a { 1545 color: var(--hsElevate--link--secondary__fontColor); 1546 cursor: pointer; 1547 -webkit-text-decoration: var(--hsElevate--link--secondary__textDecoration); 1548 text-decoration: var(--hsElevate--link--secondary__textDecoration); 1549 text-decoration-color: var(--hsElevate--link--secondary__textDecorationColor); 1550} 1551 1552a.hs-elevate-link--secondary:hover, 1553.hs-elevate-link--secondary a:hover a.hs-elevate-link--secondary:focus, 1554.hs-elevate-link--secondary a:focus { 1555 color: var(--hsElevate--link--secondary__hover--fontColor); 1556 -webkit-text-decoration: var(--hsElevate--link--secondary__hover--textDecoration); 1557 text-decoration: var(--hsElevate--link--secondary__hover--textDecoration); 1558 text-decoration-color: var(--hsElevate--link--secondary__hover--textDecorationColor); 1559} 1560 1561/* Headings */ 1562 1563h1, 1564h2, 1565h3, 1566h4, 1567h5, 1568h6, 1569.hs-elevate-display-1, 1570.hs-elevate-display-2 { 1571 line-height: var(--hsElevate--heading__lineHeight); 1572 margin-block: var(--hsElevate--text__margin); 1573} 1574 1575.hs-elevate-display-1 { 1576 font-family: var(--hsElevate--display1__font); 1577 font-size: calc(var(--hsElevate--display1__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1578 font-style: normal; 1579 font-weight: 400; 1580} 1581 1582.hs-elevate-display-2 { 1583 font-family: var(--hsElevate--display2__font); 1584 font-size: calc(var(--hsElevate--display2__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1585 font-style: normal; 1586 font-weight: 400; 1587} 1588 1589h1, 1590.hs-elevate-h1 { 1591 font-family: var(--hsElevate--h1__font); 1592 font-size: calc(var(--hsElevate--h1__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1593 font-style: var(--hsElevate--h1__fontStyle); 1594 font-weight: var(--hsElevate--h1__fontWeight); 1595} 1596 1597h2, 1598.hs-elevate-h2 { 1599 font-family: var(--hsElevate--h2__font); 1600 font-size: calc(var(--hsElevate--h2__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1601 font-style: var(--hsElevate--h2__fontStyle); 1602 font-weight: var(--hsElevate--h2__fontWeight); 1603} 1604 1605h3, 1606.hs-elevate-h3 { 1607 font-family: var(--hsElevate--h3__font); 1608 font-size: calc(var(--hsElevate--h3__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1609 font-style: var(--hsElevate--h3__fontStyle); 1610 font-weight: var(--hsElevate--h3__fontWeight); 1611} 1612 1613h4, 1614.hs-elevate-h4 { 1615 font-family: var(--hsElevate--h4__font); 1616 font-size: calc(var(--hsElevate--h4__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1617 font-style: var(--hsElevate--h4__fontStyle); 1618 font-weight: var(--hsElevate--h4__fontWeight); 1619} 1620 1621h5, 1622.hs-elevate-h5 { 1623 font-family: var(--hsElevate--h5__font); 1624 font-size: calc(var(--hsElevate--h5__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1625 font-style: var(--hsElevate--h5__fontStyle); 1626 font-weight: var(--hsElevate--h5__fontWeight); 1627} 1628 1629h6, 1630.hs-elevate-h6 { 1631 font-family: var(--hsElevate--h6__font); 1632 font-size: calc(var(--hsElevate--h6__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1633 font-style: var(--hsElevate--h6__fontStyle); 1634 font-weight: var(--hsElevate--h6__fontWeight); 1635} 1636 1637@media (min-width: 767px) { 1638 .hs-elevate-display-1 { 1639 font-size: var(--hsElevate--display1__fontSize); 1640 } 1641 1642 .hs-elevate-display-2 { 1643 font-size: var(--hsElevate--display2__fontSize); 1644 } 1645 1646 h1, 1647 .hs-elevate-h1 { 1648 font-size: var(--hsElevate--h1__fontSize); 1649 } 1650 1651 h2, 1652 .hs-elevate-h2 { 1653 font-size: var(--hsElevate--h2__fontSize); 1654 } 1655 1656 h3, 1657 .hs-elevate-h3 { 1658 font-size: var(--hsElevate--h3__fontSize); 1659 } 1660 1661 h4, 1662 .hs-elevate-h4 { 1663 font-size: var(--hsElevate--h4__fontSize); 1664 } 1665 1666 h5, 1667 .hs-elevate-h5 { 1668 font-size: var(--hsElevate--h5__fontSize); 1669 } 1670 1671 h6, 1672 .hs-elevate-h6 { 1673 font-size: var(--hsElevate--h6__fontSize); 1674 } 1675} 1676 1677/* Lists */ 1678 1679ul, 1680ol { 1681 margin-block: var(--hsElevate--text__margin); 1682} 1683 1684/* Blockquotes */ 1685 1686blockquote { 1687 padding: var(--hsElevate--spacing--24, 24px); 1688 border-radius: var(--hsElevate-rounded--extra-small); 1689 border-left: 3px solid var(--hsElevate--blockquote__accentColor, var(--hsElevate--section--lightSection--1--blockquote__accentColor)); 1690 background-color: var(--hsElevate--blockquote__backgroundColor, var(--hsElevate--section--lightSection--1--blockquote__backgroundColor)); 1691 color: var(--hsElevate--blockquote__fontColor, var(--hsElevate--section--lightSection--1--blockquote__textColor)); 1692 font-family: var(--hsElevate--quotes__font); 1693 font-size: var(--hsElevate--quotes__fontSize); 1694 font-style: var(--hsElevate--quotes__fontStyle); 1695 font-weight: var(--hsElevate--quotes__fontWeight); 1696 margin-block: var(--hsElevate--text__margin); 1697} 1698
1699:is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) blockquote { 1700 padding: var(--hsElevate--spacing--24, 24px); 1701 border-radius: var(--hsElevate-rounded--extra-small); 1702 border-left: 3px solid var(--hsElevate--blockquote__accentColor, var(--hsElevate--section--lightSection--1--blockquote__accentColor)); 1703 background-color: var(--hsElevate--blockquote__backgroundColor, var(--hsElevate--section--lightSection--1--blockquote__backgroundColor)); 1704 color: var(--hsElevate--blockquote__fontColor, var(--hsElevate--section--lightSection--1--blockquote__textColor)); 1705 font-family: var(--hsElevate--quotes__font); 1706 font-size: var(--hsElevate--quotes__fontSize); 1707 font-style: var(--hsElevate--quotes__fontStyle); 1708 font-weight: var(--hsElevate--quotes__fontWeight); 1709 margin-block: var(--hsElevate--text__margin); 1710} 1711 1712@media (max-width: 767.98px) { 1713 :is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) blockquote { 1714 font-size: calc(var(--hsElevate--body__fontSize) + 4px); 1715 margin-inline: 0; 1716 } 1717} 1718 1719/* Captions */ 1720 1721.hs-elevate-caption { 1722 color: var(--hsElevate--captions__fontColor, var(--hsElevate--section--lightSection--1--captionColor)); 1723 font-family: var(--hsElevate--captions__font); 1724 font-size: var(--hsElevate--captions__fontSize); 1725 font-style: var(--hsElevate--captions__fontStyle); 1726 font-weight: var(--hsElevate--captions__fontWeight); 1727 text-transform: var(--hsElevate--captions__case); 1728} 1729 1730/* Tags */ 1731.hs-elevate-tag { 1732 padding: 2px 8px; 1733 border-color: var(--hsElevate--tag__borderColor); 1734 border-radius: var(--hsElevate--tag__borderRadius); 1735 border-style: solid; 1736 border-width: var(--hsElevate--tag__borderThickness); 1737 background-color: var(--hsElevate--tag__backgroundColor); 1738 color: var(--hsElevate--tag__textColor); 1739 font-family: var(--hsElevate--tag__font); 1740 font-size: var(--hsElevate--tag__fontSize); 1741 font-style: var(--hsElevate--tag__fontStyle); 1742 font-weight: var(--hsElevate--tag__fontWeight); 1743 text-transform: var(--hsElevate--tag__case); 1744} 1745 1746/* Images in rich text */ 1747:is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) img { 1748 max-width: 100%; 1749 margin-block-end: var(--hsElevate--rteImages__margin); 1750} 1751.hs-elevate-button:focus { 1752 outline: 2px solid #53acff; 1753 outline-offset: 2px; 1754} 1755 1756.hs-elevate-button--primary { 1757 font-family: var(--hsElevate--button--primary__font); 1758 font-size: var(--hsElevate--button--primary__fontSize); 1759 font-weight: var(--hsElevate--button--primary__fontWeight); 1760 font-style: var(--hsElevate--button--primary__fontStyle); 1761 color: var(--hsElevate--button--primary__textColor); 1762 border-width: var(--hsElevate--button--primary__borderThickness); 1763 background-color: var(--hsElevate--button--primary__backgroundColor); 1764 border-style: solid; 1765 border-color: var(--hsElevate--button--primary__borderColor); 1766 border-radius: var(--hsElevate--button--primary__borderRadius); 1767 text-decoration: none; 1768} 1769 1770.hs-elevate-button--primary:hover { 1771 color: var(--hsElevate--button--primary__hover--textColor); 1772 background-color: var(--hsElevate--button--primary__hover--backgroundColor); 1773 border-color: var(--hsElevate--button--primary__hover--borderColor); 1774 border-width: var(--hsElevate--button--primary__hover--borderThickness); 1775 text-decoration: none; 1776} 1777 1778.hs-elevate-button--primary:active { 1779 color: var(--hsElevate--button--primary__hover--textColor); 1780 background-color: #c24848 ; 1781 border-color: ; 1782 border-width: var(--hsElevate--button--primary__hover--borderThickness); 1783 text-decoration: none; 1784} 1785 1786.hs-elevate-button--secondary { 1787 font-family: var(--hsElevate--button--secondary__font); 1788 font-size: var(--hsElevate--button--secondary__fontSize); 1789 font-weight: var(--hsElevate--button--secondary__fontWeight); 1790 font-style: var(--hsElevate--button--secondary__fontStyle); 1791 color: var(--hsElevate--button--secondary__textColor); 1792 border-width: var(--hsElevate--button--secondary__borderThickness); 1793 background-color: var(--hsElevate--button--secondary__backgroundColor); 1794 border-style: solid; 1795 border-color: var(--hsElevate--button--secondary__borderColor); 1796 border-radius: var(--hsElevate--button--secondary__borderRadius); 1797 text-decoration: none; 1798} 1799 1800.hs-elevate-button--secondary:hover {
1801 color: var(--hsElevate--button--secondary__hover--textColor); 1802 background-color: var(--hsElevate--button--secondary__hover--backgroundColor); 1803 border-color: var(--hsElevate--button--secondary__hover--borderColor); 1804 border-width: var(--hsElevate--button--secondary__hover--borderThickness); 1805 text-decoration: none; 1806} 1807 1808.hs-elevate-button--secondary:active { 1809 color: var(--hsElevate--button--secondary__hover--textColor); 1810 background-color: transparent ; 1811 border-color: #c24848 ; 1812 border-width: var(--hsElevate--button--secondary__hover--borderThickness); 1813 text-decoration: none; 1814} 1815 1816.hs-elevate-button--tertiary { 1817 font-family: var(--hsElevate--button--tertiary__font); 1818 font-size: var(--hsElevate--button--tertiary__fontSize); 1819 font-weight: var(--hsElevate--button--tertiary__fontWeight); 1820 font-style: var(--hsElevate--button--tertiary__fontStyle); 1821 color: var(--hsElevate--button--tertiary__textColor); 1822 border-width: var(--hsElevate--button--tertiary__borderThickness); 1823 background-color: var(--hsElevate--button--tertiary__backgroundColor); 1824 border-style: solid; 1825 border-color: var(--hsElevate--button--tertiary__borderColor); 1826 border-radius: var(--hsElevate--button--tertiary__borderRadius); 1827 text-decoration: none; 1828} 1829 1830.hs-elevate-button--tertiary:hover { 1831 color: var(--hsElevate--button--tertiary__hover--textColor); 1832 background-color: var(--hsElevate--button--tertiary__hover--backgroundColor); 1833 border-color: var(--hsElevate--button--tertiary__hover--borderColor); 1834 border-width: var(--hsElevate--button--tertiary__hover--borderThickness); 1835 text-decoration: none; 1836} 1837 1838.hs-elevate-button--tertiary:active { 1839 color: var(--hsElevate--button--tertiary__hover--textColor); 1840 background-color: #d6aeae ; 1841 border-color: ; 1842 border-width: var(--hsElevate--button--tertiary__hover--borderThickness); 1843 text-decoration: none; 1844} 1845 1846.hs-elevate-button--accent { 1847 font-family: var(--hsElevate--button--accent__font); 1848 font-size: var(--hsElevate--button--accent__fontSize); 1849 font-weight: var(--hsElevate--button--accent__fontWeight); 1850 font-style: var(--hsElevate--button--accent__fontStyle); 1851 color: var(--hsElevate--button--accent__textColor); 1852 border-width: var(--hsElevate--button--accent__borderThickness); 1853 background-color: var(--hsElevate--button--accent__backgroundColor); 1854 border-style: solid; 1855 border-color: var(--hsElevate--button--accent__borderColor); 1856 border-radius: var(--hsElevate--button--accent__borderRadius); 1857 text-decoration: none; 1858} 1859 1860.hs-elevate-button--accent:hover {
1861 color: var(--hsElevate--button--accent__hover--textColor); 1862 background-color: var(--hsElevate--button--accent__hover--backgroundColor); 1863 border-color: var(--hsElevate--button--accent__hover--borderColor); 1864 border-width: var(--hsElevate--button--accent__hover--borderThickness); 1865 text-decoration: none; 1866} 1867 1868.hs-elevate-button--accent:active { 1869 color: var(--hsElevate--button--accent__hover--textColor); 1870 background-color: ; 1871 border-color: #d6aeae ; 1872 border-width: var(--hsElevate--button--accent__hover--borderThickness); 1873 text-decoration: none; 1874} 1875.hs-elevate-card--variant-1 { 1876 border-color: var(--hsElevate--card--variant1__borderColor); 1877 border-radius: var(--hsElevate--card--variant1__borderRadius); 1878 border-style: solid; 1879 border-width: var(--hsElevate--card--variant1__borderThickness); 1880 background-color: var(--hsElevate--card--variant1__backgroundColor); 1881 color: var(--hsElevate--card--variant1__textColor); 1882} 1883.hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { 1884 color: var(--hsElevate--card--variant1--link__fontColor); 1885 -webkit-text-decoration: var(--hsElevate--card--variant1--link__textDecoration); 1886 text-decoration: var(--hsElevate--card--variant1--link__textDecoration); 1887 text-decoration-color: var(--hsElevate--card--variant1--link__textDecorationColor); 1888} 1889.hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1890.hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { 1891 color: var(--hsElevate--card--variant1--link__hover--fontColor); 1892 -webkit-text-decoration: var(--hsElevate--card--variant1--link__hover--textDecoration); 1893 text-decoration: var(--hsElevate--card--variant1--link__hover--textDecoration); 1894 text-decoration-color: var(--hsElevate--card--variant1--link__hover--textDecorationColor); 1895} 1896 1897.hs-elevate-card--variant-2 { 1898 border-color: var(--hsElevate--card--variant2__borderColor); 1899 border-radius: var(--hsElevate--card--variant2__borderRadius); 1900 border-style: solid; 1901 border-width: var(--hsElevate--card--variant2__borderThickness); 1902 background-color: var(--hsElevate--card--variant2__backgroundColor); 1903 color: var(--hsElevate--card--variant2__textColor); 1904} 1905 1906.hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { 1907 color: var(--hsElevate--card--variant2--link__fontColor); 1908 -webkit-text-decoration: var(--hsElevate--card--variant2--link__textDecoration); 1909 text-decoration: var(--hsElevate--card--variant2--link__textDecoration); 1910 text-decoration-color: var(--hsElevate--card--variant2--link__textDecorationColor); 1911} 1912 1913.hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1914.hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { 1915 color: var(--hsElevate--card--variant2--link__hover--fontColor); 1916 -webkit-text-decoration: var(--hsElevate--card--variant2--link__hover--textDecoration); 1917 text-decoration: var(--hsElevate--card--variant2--link__hover--textDecoration); 1918 text-decoration-color: var(--hsElevate--card--variant2--link__hover--textDecorationColor); 1919} 1920 1921.hs-elevate-card--variant-3 { 1922 border-color: var(--hsElevate--card--variant3__borderColor); 1923 border-radius: var(--hsElevate--card--variant3__borderRadius); 1924 border-style: solid; 1925 border-width: var(--hsElevate--card--variant3__borderThickness); 1926 background-color: var(--hsElevate--card--variant3__backgroundColor); 1927 color: var(--hsElevate--card--variant3__textColor); 1928} 1929 1930.hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { 1931 color: var(--hsElevate--card--variant3--link__fontColor); 1932 -webkit-text-decoration: var(--hsElevate--card--variant3--link__textDecoration); 1933 text-decoration: var(--hsElevate--card--variant3--link__textDecoration); 1934 text-decoration-color: var(--hsElevate--card--variant3--link__textDecorationColor); 1935} 1936 1937.hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1938.hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { 1939 color: var(--hsElevate--card--variant3--link__hover--fontColor); 1940 -webkit-text-decoration: var(--hsElevate--card--variant3--link__hover--textDecoration); 1941 text-decoration: var(--hsElevate--card--variant3--link__hover--textDecoration); 1942 text-decoration-color: var(--hsElevate--card--variant3--link__hover--textDecorationColor); 1943} 1944 1945.hs-elevate-card--variant-4 { 1946 border-color: var(--hsElevate--card--variant4__borderColor); 1947 border-radius: var(--hsElevate--card--variant4__borderRadius); 1948 border-style: solid; 1949 border-width: var(--hsElevate--card--variant4__borderThickness); 1950 background-color: var(--hsElevate--card--variant4__backgroundColor); 1951 color: var(--hsElevate--card--variant4__textColor); 1952} 1953 1954.hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { 1955 color: var(--hsElevate--card--variant4--link__fontColor); 1956 -webkit-text-decoration: var(--hsElevate--card--variant4--link__textDecoration); 1957 text-decoration: var(--hsElevate--card--variant4--link__textDecoration); 1958 text-decoration-color: var(--hsElevate--card--variant4--link__textDecorationColor); 1959} 1960 1961.hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1962.hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { 1963 color: var(--hsElevate--card--variant4--link__hover--fontColor); 1964 -webkit-text-decoration: var(--hsElevate--card--variant4--link__hover--textDecoration); 1965 text-decoration: var(--hsElevate--card--variant4--link__hover--textDecoration); 1966 text-decoration-color: var(--hsElevate--card--variant4--link__hover--textDecorationColor); 1967} 1968.cs-feature { 1969 overflow: hidden; 1970} 1971 1972.cs-feature .hs-elevate-details__label { 1973 font-weight: 600; 1974} 1975 1976.cs-feature .cs-feature__link:hover { 1977 opacity: 0.8; 1978} 1979 1980.cs-feature .cs-feature__link .cs-feature__chevron-path { 1981 fill: currentcolor; 1982} 1983 1984.cs-feature .cs-feature__link:hover .cs-feature__chevron-path { 1985 opacity: 0.8; 1986} 1987/* Form */ 1988 1989.hs-form, 1990.hs-elevate-system-form form, 1991.hs-elevate-system-form--subscription-preferences form .email-prefs { 1992 padding: var(--hsElevate--form__padding); 1993 border-color: var(--hsElevate--form__borderColor); 1994 border-radius: var(--hsElevate--form__borderRadius); 1995 border-style: solid; 1996 border-width: var(--hsElevate--form__borderThickness); 1997 background: var(--hsElevate--form__backgroundColor); 1998} 1999 2000/* Form labels */ 2001 2002:is(.hs-form, .hs-elevate-system-form) label, 2003.hs-elevate-system-form--subscription-preferences .fakelabel { 2004 display: block; 2005 color: var(--hsElevate--formLabel__textColor); 2006 font-family: var(--hsElevate--formLabel__font); 2007 font-size: var(--hsElevate--formLabel__fontSize); 2008 font-weight: var(--hsElevate--formLabel__fontWeight); 2009 margin-block-end: var(--hsElevate--formLabel__marginBottom); 2010} 2011 2012/* Form fields */ 2013 2014.hs-form .hs-form-field { 2015 margin-block-end: var(--hsElevate--formField__marginBottom); 2016} 2017 2018:is(.hs-form, .hs-elevate-system-form) input[type='text'], 2019:is(.hs-form, .hs-elevate-system-form) input[type='email'], 2020:is(.hs-form, .hs-elevate-system-form) input[type='password'], 2021:is(.hs-form, .hs-elevate-system-form) input[type='tel'], 2022:is(.hs-form, .hs-elevate-system-form) input[type='number'], 2023:is(.hs-form, .hs-elevate-system-form) input[type='search'], 2024:is(.hs-form, .hs-elevate-system-form) select, 2025:is(.hs-form, .hs-elevate-system-form) textarea { 2026 width: 100% !important; 2027 border-radius: var(--hsElevate--formField__borderRadius); 2028 border-top: var(--hsElevate--formField__borderTop); 2029 border-right: var(--hsElevate--formField__borderRight); 2030 border-bottom: var(--hsElevate--formField__borderBottom); 2031 border-left: var(--hsElevate--formField__borderLeft); 2032 background-color: var(--hsElevate--formField__backgroundColor); 2033 color: var(--hsElevate--formFieldInput__textColor); 2034 padding-block: var(--hsElevate--spacing--20); 2035 padding-inline: var(--hsElevate--spacing--32); 2036} 2037 2038.hs-input.hs-fieldtype-intl-phone { 2039 display: flex; 2040 width: 100% !important; 2041 flex-direction: row; 2042 flex-wrap: wrap; 2043 align-items: center; 2044 justify-content: flex-start; 2045 gap: 8px; /* matches column margins from form injection */ 2046} 2047 2048.hs-input.hs-fieldtype-intl-phone > input { 2049 flex: 1 0 calc(70% - 8px) !important; 2050} 2051 2052.hs-input.hs-fieldtype-intl-phone > select { 2053 flex: 1 0 30% !important; 2054} 2055 2056@media (max-width: 600px) { 2057 .hs-input.hs-fieldtype-intl-phone { 2058 display: flex; 2059 width: 100%; 2060 flex-direction: column; 2061 gap: 8px; 2062 } 2063 2064 .hs-input.hs-fieldtype-intl-phone > select, 2065 .hs-input.hs-fieldtype-intl-phone > input { 2066 min-width: 100%; 2067 flex: 1 1 100%; 2068 } 2069 2070 .hs-input.hs-fieldtype-intl-phone > select { 2071 padding-inline: var(--hsElevate--spacing--16); 2072 } 2073} 2074 2075.hs-form-field.hs-fieldtype-file .hs-input, 2076.hs-form fieldset { 2077 max-width: 100% !important; 2078} 2079 2080/* Form fields - textarea */ 2081 2082.hs-form textarea { 2083 position: relative; 2084 height: 160px; 2085 border-radius: var(--hsElevate--formFieldTextArea__borderRadius); 2086} 2087 2088.hs-form textarea::-webkit-resizer { 2089 display: none; 2090} 2091 2092.hs-form .hs_multi_line_field .input { 2093 position: relative; 2094} 2095 2096.hs-form .hs_multi_line_field .input:after { 2097 position: absolute; 2098 right: var(--hsElevate--spacing--8); 2099 bottom: var(--hsElevate--spacing--8); 2100 content: var(--hsElevate--formField__dragIcon); 2101 pointer-events: none; 2102} 2103 2104/* Form fields - select */ 2105 2106.hs-form .hs-fieldtype-select .input { 2107 position: relative; 2108} 2109 2110.hs-form select { 2111 -webkit-appearance: none; 2112 -moz-appearance: none; 2113 appearance: none; 2114} 2115 2116.hs-form .hs-fieldtype-select .input:after { 2117 position: absolute; 2118 top: 50%; 2119 right: var(--hsElevate--spacing--32); 2120 content: var(--hsElevate--formField__selectIcon); 2121 pointer-events: none; 2122 transform: translateY(-50%); 2123} 2124 2125/* Form fields - datepicker */ 2126 2127.hs-form .hs-dateinput { 2128 position: relative; 2129} 2130
2131.hs-form .hs-dateinput:before { 2132 position: absolute; 2133 top: 50%; 2134 right: var(--hsElevate--spacing--32); 2135 content: var(--hsElevate--formField__datepickerIcon); 2136 pointer-events: none; 2137 transform: translateY(-50%); 2138} 2139 2140/* Form fields - placeholders */ 2141 2142::-moz-placeholder { 2143 color: var(--hsElevate--formFieldPlaceholder__textColor); 2144} 2145 2146::placeholder { 2147 color: var(--hsElevate--formFieldPlaceholder__textColor); 2148} 2149 2150/* Form fields - checkbox/radio */ 2151 2152.hs-form .inputs-list { 2153 padding: 0; 2154 margin: 0; 2155 list-style: none; 2156} 2157 2158.hs-form .inputs-list li { 2159 display: block; 2160 margin-block-end: var(--hsElevate--spacing--16); 2161} 2162 2163.hs-form .inputs-list li:last-of-type { 2164 margin-block-end: 0; 2165} 2166 2167.hs-form .inputs-list :is(input, span) { 2168 vertical-align: middle; 2169} 2170 2171:is(.hs-form, .hs-elevate-system-form) input[type='checkbox'], 2172:is(.hs-form, .hs-elevate-system-form) input[type='radio'] { 2173 height: var(--hsElevate--formFieldCheckboxRadio__size); 2174 width: var(--hsElevate--formFieldCheckboxRadio__size) !important; 2175 accent-color: var(--hsElevate--formFieldCheckboxRadio__fillColor); 2176 cursor: pointer; 2177 margin-inline-end: var(--hsElevate--spacing--12); 2178} 2179 2180/* Form help text */ 2181 2182.hs-form legend { 2183 /* To do: figure out where we should pull this from */ 2184 color: var(--hsElevate--formHelpText__textColor); 2185 margin-block-end: var(--hsElevate--spacing--8); 2186} 2187 2188/* Form rich text */ 2189 2190.hs-form .hs-richtext { 2191 color: var(--hsElevate--formLabel__textColor); 2192} 2193 2194.hs-form .hs-richtext img { 2195 height: auto; 2196 max-width: 100% !important; 2197} 2198 2199/* Form error messages */ 2200 2201.hs-form .hs-input.error { 2202 border-color: var(--hsElevate--formRequired__color); 2203} 2204 2205.hs-form .hs-error-msg, 2206.hs-form .hs-error-msgs { 2207 color: var(--hsElevate--formRequired__color); 2208 margin-block-start: var(--hsElevate--spacing--4); 2209} 2210 2211/* Form button */ 2212 2213:is(.hs-form, .hs-elevate-system-form) .hs-button, 2214:is(.hs-form, .hs-elevate-system-form) input[type='submit'] { 2215 display: inline-block; 2216 width: 100%; 2217 border-color: var(--hsElevate--button--primary__borderColor); 2218 border-radius: var(--hsElevate--button--primary__borderRadius); 2219 border-style: solid; 2220 border-width: var(--hsElevate--button--primary__borderThickness); 2221 background-color: var(--hsElevate--button--primary__backgroundColor); 2222 color: var(--hsElevate--button--primary__textColor); 2223 cursor: pointer; 2224 font-family: var(--hsElevate--button--primary__font); 2225 font-size: var(--hsElevate--button--primary__fontSize); 2226 font-style: var(--hsElevate--button--primary__fontStyle); 2227 font-weight: var(--hsElevate--button--primary__fontWeight); 2228 padding-block: var(--hsElevate--spacing--20); 2229 padding-inline: var(--hsElevate--spacing--24); 2230 text-align: center; 2231 text-decoration: none; 2232 transition: all 0.15s linear; 2233 white-space: normal !important; 2234} 2235 2236:is(.hs-form, .hs-elevate-system-form) .hs-button:hover, 2237:is(.hs-form, .hs-elevate-system-form) .hs-button:focus, 2238:is(.hs-form, .hs-elevate-system-form) input[type='submit']:hover, 2239:is(.hs-form, .hs-elevate-system-form) input[type='submit']:focus { 2240 border-color: var(--hsElevate--button--primary__hover--borderColor); 2241 border-width: var(--hsElevate--button--primary__hover--borderThickness); 2242 background-color: var(--hsElevate--button--primary__hover--backgroundColor); 2243 color: var(--hsElevate--button--primary__hover--textColor); 2244 text-decoration: none; 2245} 2246 2247/* Captcha */ 2248 2249.grecaptcha-badge { 2250 margin-block: 0; 2251 margin-inline: auto; 2252} 2253 2254/* Components */ 2255 2256/* Navigation skipper */ 2257 2258.hs-elevate-header__skip { 2259 position: absolute; 2260 top: -1000px; 2261 left: -1000px; 2262 overflow: hidden; 2263 height: 1px; 2264 width: 1px; 2265 text-align: left; 2266} 2267 2268.hs-elevate-header__skip:hover, 2269.hs-elevate-header__skip:focus, 2270.hs-elevate-header__skip:active { 2271 z-index: 2; 2272 top: 0; 2273 left: 0; 2274 overflow: visible; 2275 height: auto; 2276 width: auto; 2277} 2278/* 2279 TODO: Move this code to the MenuComponent styled-component code -- keeping it here to prevent conflicts with open Menu PRs 2280 TODO: Remove this file and its references from main.hubl.css 2281*/ 2282 2283@media (max-width: 767px) { 2284 .hs-elevate-footer .hs-elevate-menu { 2285 display: flex; 2286 flex-direction: column; 2287 align-items: center; 2288 } 2289} 2290/* 2291 Spacing variables are: 2292 --hsElevate--menuItem__padding 2293 --hsElevate--menuItem__margin 2294 --hsElevate--menu--topLevel__gap 2295 --hsElevate--flyoutSubMenu__top 2296 --hsElevate--flyoutSubMenu__left 2297 --hsElevate--flyoutSubMenu__right 2298 --hsElevate--flyoutSubMenu__bottom 2299 --hsElevate--firstFlyoutMenu__top 2300 --hsElevate--firstFlyoutMenu__left 2301 --hsElevate--firstFlyoutMenu__right 2302 --hsElevate--firstFlyoutMenu__bottom 2303 */ 2304 2305.hs-elevate-menu { 2306 display: flex; 2307} 2308 2309.hs-elevate-menu, 2310.hs-elevate-menu ul { 2311 list-style: none; 2312} 2313 2314.hs-elevate-menu li { 2315 position: relative; 2316} 2317 2318.hs-elevate-menu--horizontal { 2319 flex-direction: row; 2320 flex-wrap: wrap; 2321} 2322 2323.hs-elevate-menu--vertical { 2324 flex-direction: column; 2325} 2326 2327.hs-elevate-menu {
2328 gap: var(--hsElevate--menu--topLevel__gap, 0); 2329} 2330 2331.hs-elevate-menu--desktop { 2332 margin: 0; 2333} 2334 2335.hs-elevate-menu__flyout-submenu { 2336 min-width: -moz-max-content; 2337 min-width: max-content; 2338 max-width: 250px; 2339 white-space: nowrap; 2340 overflow-wrap: break-word; 2341 padding: 20px; 2342 border: 1px solid #f7f7f7; 2343 border-radius: 8px; 2344 background-color: white; 2345} 2346.logo-company-name { 2347 margin-block: 0; 2348} 2349 2350/* Offsets margin on ul element inside default image grid */ 2351.hs-image__grid__list { 2352 margin-block: 0; 2353} 2354 2355/* Logo responsive styling */ 2356.widget-type-logo img { 2357 height: auto; 2358 max-width: 100%; 2359} 2360 2361/* Preset-specific styles */ 2362/* Onyx preset specific styles */ 2363 2364 2365</style> 2366 2367 2368 <style> 2369 #hs_cos_wrapper_footer-module-5 hr { 2370 border:0 none; 2371 border-bottom-width:1px; 2372 border-bottom-style:solid; 2373 border-bottom-color:rgba(48,63,89,1.0); 2374 margin-left:auto; 2375 margin-right:auto; 2376 margin-top:10px; 2377 margin-bottom:10px; 2378 width:100%; 2379} 2380 2381 </style> 2382 2383<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-B6DpAFOq.css"> 2384 2385<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-Cir01r20.css"> 2386 2387<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/PlaceholderEmptyContent-MX2JmU9C.css"> 2388 2389<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/MobileMenuIsland-fLww7Ehg.css"> 2390 2391<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/MobileLogoBackButton-CBRrxUrt.css"> 2392 2393<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-lmkptd1h.css"> 2394 2395<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/MenuItemComponent-BLBQT5iZ.css"> 2396 2397<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/useDocumentLang-D-zc02CH.css"> 2398 2399<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-09VGSRsQ.css"> 2400 2401<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-AJ-XpXDx.css"> 2402 2403<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/PlaceholderEmptyContent-MX2JmU9C.css"> 2404 2405<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/MenuItemComponent-BLBQT5iZ.css"> 2406 2407<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-CwxSt1Vd.css"> 2408 2409<link rel="preload" as="style" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-AJ-XpXDx.css"> 2410 2411<style> 2412 @font-face { 2413 font-family: "Inter"; 2414 font-weight: 400; 2415 font-style: normal; 2416 font-display: swap; 2417 src: url("/_hcms/googlefonts/Inter/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/regular.woff") format("woff"); 2418 } 2419 @font-face { 2420 font-family: "Inter"; 2421 font-weight: 500; 2422 font-style: normal; 2423 font-display: swap; 2424 src: url("/_hcms/googlefonts/Inter/500.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/500.woff") format("woff"); 2425 } 2426 @font-face { 2427 font-family: "Inter"; 2428 font-weight: 600; 2429 font-style: normal; 2430 font-display: swap; 2431 src: url("/_hcms/googlefonts/Inter/600.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/600.woff") format("woff"); 2432 } 2433 @font-face { 2434 font-family: "Inter"; 2435 font-weight: 800; 2436 font-style: normal; 2437 font-display: swap; 2438 src: url("/_hcms/googlefonts/Inter/800.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/800.woff") format("woff"); 2439 } 2440 @font-face { 2441 font-family: "Inter"; 2442 font-weight: 600; 2443 font-style: italic; 2444 font-display: swap; 2445 src: url("/_hcms/googlefonts/Inter/600italic.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/600italic.woff") format("woff"); 2446 } 2447 @font-face { 2448 font-family: "Inter"; 2449 font-weight: 700; 2450 font-style: normal; 2451 font-display: swap; 2452 src: url("/_hcms/googlefonts/Inter/700.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/700.woff") format("woff"); 2453 } 2454 @font-face { 2455 font-family: "Inter"; 2456 font-weight: 400; 2457 font-style: italic; 2458 font-display: swap; 2459 src: url("/_hcms/googlefonts/Inter/italic.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/italic.woff") format("woff"); 2460 } 2461</style> 2462 2463<!-- Editor Styles --> 2464<style id="hs_editor_style" type="text/css"> 2465.header-row-0-force-full-width-section > .row-fluid { 2466 max-width: none !important; 2467} 2468.footer-row-1-force-full-width-section > .row-fluid { 2469 max-width: none !important; 2470} 2471.footer-module-2-flexbox-positioning { 2472 display: -ms-flexbox !important; 2473 -ms-flex-direction: column !important; 2474 -ms-flex-align: center !important; 2475 -ms-flex-pack: start; 2476 display: flex !important; 2477 flex-direction: column !important; 2478 align-items: center !important; 2479 justify-content: flex-start; 2480} 2481.footer-module-2-flexbox-positioning > div { 2482 max-width: 100%; 2483 flex-shrink: 0 !important; 2484} 2485/* HubSpot Non-stacked Media Query Styles */ 2486@media (min-width:768px) { 2487 .header-row-0-vertical-alignment > .row-fluid { 2488 display: -ms-flexbox !important; 2489 -ms-flex-direction: row; 2490 display: flex !important; 2491 flex-direction: row; 2492 } 2493 .header-module-1-vertical-alignment { 2494 display: -ms-flexbox !important; 2495 -ms-flex-direction: column !important; 2496 -ms-flex-pack: center !important; 2497 display: flex !important; 2498 flex-direction: column !important; 2499 justify-content: center !important; 2500 } 2501 .header-module-1-vertical-alignment > div { 2502 flex-shrink: 0 !important; 2503 } 2504} 2505/* HubSpot Styles (default) */ 2506.header-row-0-padding { 2507 padding-top: 0px !important; 2508 padding-bottom: 0px !important; 2509 padding-left: 0px !important; 2510 padding-right: 0px !important; 2511} 2512.main-row-0-padding { 2513 padding-bottom: 32px !important; 2514} 2515.main-row-1-padding { 2516 padding-top: 32px !important; 2517} 2518.footer-row-0-padding { 2519 padding-top: 64px !important; 2520 padding-bottom: 64px !important; 2521 padding-left: 32px !important; 2522 padding-right: 32px !important; 2523} 2524.footer-row-0-background-layers { 2525 background-image: linear-gradient(rgba(241, 241, 241, 1), rgba(241, 241, 241, 1)) !important; 2526 background-position: left top !important; 2527 background-size: auto !important; 2528 background-repeat: no-repeat !important; 2529} 2530.footer-row-1-padding { 2531 padding-top: 0px !important; 2532 padding-bottom: 0px !important; 2533} 2534.footer-row-1-background-layers { 2535 background-image: linear-gradient(rgba(241, 241, 241, 1), rgba(241, 241, 241, 1)) !important; 2536 background-position: left top !important; 2537 background-size: auto !important; 2538 background-repeat: no-repeat !important; 2539} 2540.footer-row-2-padding { 2541 padding-top: 32px !important; 2542 padding-bottom: 32px !important; 2543} 2544.footer-row-2-background-layers { 2545 background-image: linear-gradient(rgba(241, 241, 241, 1), rgba(241, 241, 241, 1)) !important; 2546 background-position: left top !important; 2547 background-size: auto !important; 2548 background-repeat: no-repeat !important; 2549} 2550.footer-column-1-row-0-margin { 2551 margin-bottom: 16px !important; 2552} 2553.footer-column-1-row-1-margin { 2554 margin-bottom: 16px !important; 2555} 2556</style> 2557 2558 2559 2560 2561 2562<meta property="og:image" content="https://blog.tolvutek.is/hubfs/dude-blogg.png"> 2563<meta property="og:image:width" content="2000"> 2564<meta property="og:image:height" content="1000"> 2565<meta property="og:image:alt" content="Tölvutek blogg"> 2566<meta name="twitter:image" content="https://blog.tolvutek.is/hubfs/dude-blogg.png"> 2567<meta name="twitter:image:alt" content="Tölvutek blogg"> 2568 2569<meta property="og:url" content="https://blog.tolvutek.is"> 2570<meta property="og:type" content="blog"> 2571<meta name="twitter:card" content="summary"> 2572<link rel="alternate" type="application/rss+xml" href="https://blog.tolvutek.is/rss.xml"> 2573<meta name="twitter:domain" content="blog.tolvutek.is">
2574<script src="//platform.linkedin.com/in.js" type="text/javascript"> 2575 lang: en_US 2576</script>
2576 2577 2578<meta http-equiv="content-language" content="is"> 2579 2580 2581 2582 2583 2584 2585 <meta name="generator" content="HubSpot"></head> 2586 2587 <body class="body-wrapper hs-content-id-185595293349 hs-blog-listing hs-blog-id-185595293348 theme-overrides"> 2588 2589 2590 <div data-global-resource-path="@hubspot/elevate/templates/partials/header.hubl.html"> 2591 2592 2593 2594 2595 2596 2597<header class="hs-elevate-header"> 2598 2599 2600 <a href="#main-content" class="hs-elevate-header__skip">Skip to content</a> 2601 2602 <div class="container-fluid"> 2603<div class="row-fluid-wrapper"> 2604<div class="row-fluid"> 2605<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> 2606 2607<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section header-row-0-padding header-row-0-force-full-width-section header-row-0-vertical-alignment"> 2608<div class="row-fluid "> 2609<div class="span12 widget-span widget-type-custom_widget header-module-1-vertical-alignment dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2610<div id="hs_cos_wrapper_header-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-B6DpAFOq.css"> 2611<link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-Cir01r20.css"> 2612<link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/PlaceholderEmptyContent-MX2JmU9C.css"> 2613<link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/MobileMenuIsland-fLww7Ehg.css"> 2614<link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/MobileLogoBackButton-CBRrxUrt.css"> 2615<link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-lmkptd1h.css"> 2616<link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/MenuItemComponent-BLBQT5iZ.css"> 2617<link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/useDocumentLang-D-zc02CH.css"> 2618<div class="hs-elevate-site-header _hs-elevate-site-header_r5rb8_1" style="--hsElevate--siteHeader__menuTextColor:#09152B;--hsElevate--siteHeader__hover--menuTextColor:#09152B;--hsElevate--siteHeader__menuBackgroundColor:#ffffff;--hsElevate--siteHeader__menuAccentColor:#F7F9FC"><div class="hs-elevate-site-header__header-container _hs-elevate-site-header__header-container_r5rb8_21"><div class="hs-elevate-site-header__logo-container _hs-elevate-site-header__logo-container_r5rb8_33"><!--$--><div data-hs-island="true" id="island-02056anff8707R3"><!--$--><div class="hs-elevate-site-header__back-button-container"><a class="hs-elevate-site-header__logo-link _hs-elevate-site-header__logo-link_1q62y_33" href="https://tolvutek.is/"><img class="hs-elevate-site-header__logo _hs-elevate-site-header__logo_1q62y_33" src="https://blog.tolvutek.is/hs-fs/hubfs/tt-logo-nopadding-1.png?width=1000&height=183&name=tt-logo-nopadding-1.png" alt="Tolvutek-logo-landscape" loading="eager" width="1000" height="183" srcset="https://blog.tolvutek.is/hs-fs/hubfs/tt-logo-nopadding-1.png?width=500&height=92&name=tt-logo-nopadding-1.png 500w, https://blog.tolvutek.is/hs-fs/hubfs/tt-logo-nopadding-1.png?width=1000&height=183&name=tt-logo-nopadding-1.png 1000w, https://blog.tolvutek.is/hs-fs/hubfs/tt-logo-nopadding-1.png?width=1500&height=275&name=tt-logo-nopadding-1.png 1500w, https://blog.tolvutek.is/hs-fs/hubfs/tt-logo-nopadding-1.png?width=2000&height=366&name=tt-logo-nopadding-1.png 2000w, https://blog.tolvutek.is/hs-fs/hubfs/tt-logo-nopadding-1.png?width=2500&height=458&name=tt-logo-nopadding-1.png 2500w, https://blog.tolvutek.is/hs-fs/hubfs/tt-logo-nopadding-1.png?width=3000&height=549&name=tt-logo-nopadding-1.png 3000w" sizes="(max-width: 1000px) 100v
2618w, 1000px"><span class="_hs-elevate-site-header__logo-link-screen-reader_1q62y_65">Homepage</span></a></div><!--/$--></div><!--/$--></div><div class="hs-elevate-site-header__main-nav _hs-elevate-site-header__main-nav_r5rb8_42"><!--$--><div data-hs-island="true" id="island-02056anff8707R5" style="flex:1 0 100%"><!--$--><nav tabindex="0" aria-label="Main navigation"><ul role="menu" class="hs-elevate-menu hs-elevate-menu--horizontal hs-elevate-menu--desktop hs-elevate-site-header__main-nav-menu" style="justify-content:center;padding:0"></ul></nav><!--/$--></div><!--/$--></div><div class="hs-elevate-site-header__button-container _hs-elevate-site-header__button-container_r5rb8_171"><a style="--hsElevate--button__padding:var(--hsElevate--spacing--16, 16px) var(--hsElevate--spacing--24, 24px)" class="hs-elevate-button _hs-elevate-button_zjvt8_1 hs-elevate-button--primary hs-elevate-site-header__button" target="" href="https://tolvutek.is/" rel="" data-hs-token="module.header-module-1.groupButton.buttonContentText">Aftur à vefverslun</a></div><div class="hs-elevate-site-header__mobile-menu-container _hs-elevate-site-header__mobile-menu-container_r5rb8_185"><!--$--><div data-hs-island="true" id="island-02056anff8707Rb"><!--$--><div style="--hsElevate--mobileMenu__textColor:#09152B;--hsElevate--mobileMenu__hover--textColor:#09152B;--hsElevate--mobileMenu__backgroundColor:#ffffff;--hsElevate--mobileMenu__accentColor:#F7F9FC;--hsElevate--mobileMenu__height:0px;--hsElevate--mobileMenuButtonContainer__height:0px;--hsElevate--mobileMenuLanguageSwitcher__height:0px" class="hs-elevate-site-header__mobile-menu _hs-elevate-site-header__mobile-menu_1ke6g_1"><div class="hs-elevate-site-header__hamburger-menu _hs-elevate-site-header__hamburger-menu_1ke6g_133" tab-index="1"><div></div><div></div><div></div></div><div class="hs-elevate-site-header__menu-container _hs-elevate-site-header__menu-container_1ke6g_5 _hs-elevate-site-header__menu-container--is-hidden_1ke6g_109"><nav tabindex="0" aria-label="Main mobile navigation"><ul role="menu" class="hs-elevate-menu hs-elevate-menu--vertical hs-elevate-menu--mobile hs-elevate-site-header__menu"></ul></nav><div class="hs-elevate-site-header__mobile-button-container _hs-elevate-site-header__mobile-button-container_1ke6g_113"><a style="--hsElevate--button__padding:var(--hsElevate--spacing--16, 16px) var(--hsElevate--spacing--24, 24px)" class="hs-elevate-button _hs-elevate-button_zjvt8_1 hs-elevate-button--primary hs-elevate-site-header__mobile-button _hs-elevate-site-header__mobile-button_1ke6g_113" target="" href="https://tolvutek.is/" rel="" data-hs-token="module.header-module-1.groupButton.buttonContentText">Aftur à vefverslun</a></div></div></div><!--/$--></div><!--/$--></div></div></div> 2619
2619<script type="text/javascript"> 2620 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"na1","portalID":9454685}; 2621 window.__hsServerPageUrl = "https:\u002F\u002Fblog.tolvutek.is"; 2622 window.__hsBasePath = "\u002F"; 2623 </script>
2623 2624 2625
2625<script type="text/javascript"> 2626 var newIslands = [{"clientOnly":false,"hydrateOn":"load","id":"island-02056anff8707R3","moduleId":"components\u002Fmodules\u002FSiteHeader\u002Fislands\u002FMobileLogoBackButton.tsx?client-entry","moduleName":"MobileLogoBackButton","priority":0,"props":{"companyName":"Tölvutek","isInEditor":false,"logoField":{"alt":"Tolvutek-logo-landscape","height":183,"src":"https:\u002F\u002F9454685.fs1.hubspotusercontent-na1.net\u002Fhubfs\u002F9454685\u002Ftt-logo-nopadding-1.png","suppress_company_name":false,"width":1000},"logoLink":"https:\u002F\u002Ftolvutek.is\u002F","logoLinkAriaText":"Homepage","logoPlaceholderDescription":"Click to add a logo","logoPlaceholderTitle":"No logo"},"resolvedDataDependencies":{"languageVariants":{"data":[{"isActive":true,"languageCode":"is","languageDisplayName":{"HYBRID":"Ãslenskur","LOCALIZED":"Ãslenskur","PAGELANG":"Ãslenskur"},"localizedUrl":"https:\u002F\u002Fblog.tolvutek.is"}],"status":"SUCCESS"}},"sharedStateID":"hs-ss-:02056anff8707R0:","supplementalFieldValues":{"defaultContent":{"languageSwitcherSelectText":{},"logoLinkAriaText":{},"logoPlaceholderDescription":{},"logoPlaceholderTitle":{},"placeholderDescription":{},"placeholderTitle":{}},"globe_icon":{"type":"icon","value":{"aliases":["globe-americas","earth","earth-america"],"altIconName":"earth-americas","categories":[],"icon_set":"fontawesome-6.4.2","name":"earth-americas","styles":["SOLID"],"svg":{"SOLID":"M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5v39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9v39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7v-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1H257c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5 .3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"},"unicode":"f57d","viewPort":[0,0,512,512]}},"groupButton":{"buttonContentIcon":{"type":"icon","value":{"aliases":[],"altIconName":"arrow-right","categories":[],"icon_set":"fontawesome-6.4.2","name":"arrow-right","styles":["SOLID"],"svg":{"SOLID":"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"},"unicode":"f061","viewPort":[0,0,448,512]}},"buttonContentIconPosition":{},"buttonContentLink":{},"buttonContentShowIcon":{},"buttonContentText":{},"showButton":{}},"groupLogo":{"logo":{},"logoLinkOverride":{},"overrideLogoLink":{}},"groupNavigation":{"menu":{"type":"menu","value":{"content":"\u003Cspan id=\"hs_cos_wrapper_header-module-1_\" class=\"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu\" style=\"\" data-hs-cos-general-type=\"widget\" data-hs-cos-type=\"menu\" \u003E\u003Cdiv class=\"hs-menu-wrapper active-branch hs-menu-flow-horizontal\" role=\"navigation\" data-sitemap-name=\"default_horizontal_menu_html\"\u003E\n \u003Cul\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1 hs-item-has-children\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 1\u003C\u002Fa\u003E\n \u003Cul class=\"hs-menu-children-wrapper\"\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-2 hs-item-has-children\"\u003E\n \u003Ca href=\"#\"\u003ESub-menu Item 1\u003C\u002Fa\u003E\n \u003Cul class=\"hs-menu-children-wrapper\"\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-3\"\u003E\n \u003Ca href=\"#\"\u003EAnother Item\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-2\"\u003E\n \u003Ca href=\"#\"\u003ESub-menu Item 2\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1 hs-item-has-children\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 2\u003C\u002Fa\u003E\n \u003Cul class=\"hs-menu-children-wrapper\"\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-2\"\u003E\n \u003Ca href=\"#\"\u003EYet Another Item\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 3\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 4\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n\u003C\u002Fdiv\u003E\n\u003C\u002Fspan\u003E","menuId":"default"}}},"styles":{"groupButton":{"buttonStyleSize":{},"buttonStyleVariant":{}},"groupMenu":{"menuAccentColor":{},"menuAlignment":{}
2626,"menuBackgroundColor":{},"menuTextColor":{},"menuTextHoverColor":{}}}},"url":"https:\u002F\u002F48752163.fs1.hubspotusercontent-na1.net\u002Fhubfs\u002F48752163\u002Fraw_assets\u002Fcms-elevate-theme\u002Fmaster\u002F2274\u002Fjs_client_assets\u002Fassets\u002FMobileLogoBackButton-DtqpVGri.js"},{"clientOnly":false,"hydrateOn":"load","id":"island-02056anff8707R5","moduleId":"components\u002FMenuComponent\u002Findex.tsx?client-entry","moduleName":"index","priority":0,"props":{"additionalClassArray":["hs-elevate-site-header__main-nav-menu"],"flow":"horizontal","flyouts":true,"maxDepth":3,"menuAlignment":{"css":"","horizontal_align":"CENTER"},"menuDataArray":[],"navigationAriaLabel":"Main navigation"},"resolvedDataDependencies":{"languageVariants":{"data":[{"isActive":true,"languageCode":"is","languageDisplayName":{"HYBRID":"Ãslenskur","LOCALIZED":"Ãslenskur","PAGELANG":"Ãslenskur"},"localizedUrl":"https:\u002F\u002Fblog.tolvutek.is"}],"status":"SUCCESS"}},"sharedStateID":"hs-ss-:02056anff8707R0:","supplementalFieldValues":{"defaultContent":{"languageSwitcherSelectText":{},"logoLinkAriaText":{},"logoPlaceholderDescription":{},"logoPlaceholderTitle":{},"placeholderDescription":{},"placeholderTitle":{}},"globe_icon":{"type":"icon","value":{"aliases":["globe-americas","earth","earth-america"],"altIconName":"earth-americas","categories":[],"icon_set":"fontawesome-6.4.2","name":"earth-americas","styles":["SOLID"],"svg":{"SOLID":"M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5v39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9v39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7v-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1H257c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5 .3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"},"unicode":"f57d","viewPort":[0,0,512,512]}},"groupButton":{"buttonContentIcon":{"type":"icon","value":{"aliases":[],"altIconName":"arrow-right","categories":[],"icon_set":"fontawesome-6.4.2","name":"arrow-right","styles":["SOLID"],"svg":{"SOLID":"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"},"unicode":"f061","viewPort":[0,0,448,512]}},"buttonContentIconPosition":{},"buttonContentLink":{},"buttonContentShowIcon":{},"buttonContentText":{},"showButton":{}},"groupLogo":{"logo":{},"logoLinkOverride":{},"overrideLogoLink":{}},"groupNavigation":{"menu":{"type":"menu","value":{"content":"\u003Cspan id=\"hs_cos_wrapper_header-module-1_\" class=\"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu\" style=\"\" data-hs-cos-general-type=\"widget\" data-hs-cos-type=\"menu\" \u003E\u003Cdiv class=\"hs-menu-wrapper active-branch hs-menu-flow-horizontal\" role=\"navigation\" data-sitemap-name=\"default_horizontal_menu_html\"\u003E\n \u003Cul\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1 hs-item-has-children\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 1\u003C\u002Fa\u003E\n \u003Cul class=\"hs-menu-children-wrapper\"\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-2 hs-item-has-children\"\u003E\n \u003Ca href=\"#\"\u003ESub-menu Item 1\u003C\u002Fa\u003E\n \u003Cul class=\"hs-menu-children-wrapper\"\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-3\"\u003E\n \u003Ca href=\"#\"\u003EAnother Item\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-2\"\u003E\n \u003Ca href=\"#\"\u003ESub-menu Item 2\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1 hs-item-has-children\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 2\u003C\u002Fa\u003E\n \u003Cul class=\"hs-menu-children-wrapper\"\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-2\"\u003E\n \u003Ca href=\"#\"\u003EYet Another Item\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 3\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 4\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n\u003C\u002Fdiv\u003E\n\u003C\u002Fspan\u003E","menuId":"default"}}},"styles":{"groupButton":{"buttonStyleSize":{},"buttonStyleVariant":{}},"groupMenu":{"menuAccentColor":{},"menuAlignment":{}
2626,"menuBackgroundColor":{},"menuTextColor":{},"menuTextHoverColor":{}}}},"url":"https:\u002F\u002F48752163.fs1.hubspotusercontent-na1.net\u002Fhubfs\u002F48752163\u002Fraw_assets\u002Fcms-elevate-theme\u002Fmaster\u002F2274\u002Fjs_client_assets\u002Fassets\u002Findex-BmfWLHSR.js"},{"clientOnly":false,"hydrateOn":"load","id":"island-02056anff8707Rb","moduleId":"components\u002Fmodules\u002FSiteHeader\u002Fislands\u002FMobileMenuIsland.tsx?client-entry","moduleName":"MobileMenuIsland","priority":0,"props":{"buttonStyleSize":"medium","buttonStyleVariant":"primary","flow":"horizontal","flyouts":true,"groupButton":{"buttonContentIcon":{"icon_set":"fontawesome-6.4.2","name":"arrow-right"},"buttonContentIconPosition":"right","buttonContentLink":{"no_follow":false,"open_in_new_tab":false,"rel":"","sponsored":false,"url":{"content_id":null,"href":"https:\u002F\u002Ftolvutek.is\u002F","href_with_scheme":"https:\u002F\u002Ftolvutek.is\u002F","type":"EXTERNAL"},"user_generated_content":false},"buttonContentShowIcon":false,"buttonContentText":"Aftur à vefverslun","showButton":true},"hublData":{"companyName":"Tölvutek","defaultLogo":{"alt":"Tolvutek-logo-landscape","height":183,"src":"https:\u002F\u002F9454685.fs1.hubspotusercontent-na1.net\u002Fhubfs\u002F9454685\u002Ftt-logo-nopadding-1.png","suppress_company_name":false,"width":1000},"isInEditor":false,"logoLink":"https:\u002F\u002Ftolvutek.is\u002F","navigation":{"activeBranch":false,"activeNode":false,"blogNode":false,"categoryId":null,"children":[],"contentGroupId":null,"contentType":null,"errorMessage":null,"guid":null,"isDeleted":false,"isNonLinkingNode":false,"isPublished":true,"label":null,"level":null,"linkTarget":null,"live":true,"nodeType":3,"pageId":null,"pageTitle":null,"parentGuid":null,"slug":null,"state":null,"subcategory":null,"topLevelAncestorGuid":null,"url":null,"urlParamStr":"","urlWithoutAnchor":"null"}},"langSwitcherIconFieldPath":"globe_icon","languageSwitcherSelectText":"Select a language","maxDepth":3,"menuAccentColor":"#F7F9FC","menuAlignment":{"css":"","horizontal_align":"CENTER"},"menuBackgroundColor":"#ffffff","menuDataArray":[],"menuTextColor":"#09152B","menuTextHoverColor":"#09152B","moduleName":"header-module-1","myAvailableTranslations":[{"isActive":true,"languageCode":"is","languageDisplayName":{"HYBRID":"Ãslenskur","LOCALIZED":"Ãslenskur","PAGELANG":"Ãslenskur"},"localizedUrl":"https:\u002F\u002Fblog.tolvutek.is"}],"navigationAriaLabel":"Main mobile navigation"},"resolvedDataDependencies":{"languageVariants":{"data":[{"isActive":true,"languageCode":"is","languageDisplayName":{"HYBRID":"Ãslenskur","LOCALIZED":"Ãslenskur","PAGELANG":"Ãslenskur"},"localizedUrl":"https:\u002F\u002Fblog.tolvutek.is"}],"status":"SUCCESS"}},"sharedStateID":"hs-ss-:02056anff8707R0:","supplementalFieldValues":{"defaultContent":{"languageSwitcherSelectText":{},"logoLinkAriaText":{},"logoPlaceholderDescription":{},"logoPlaceholderTitle":{},"placeholderDescription":{},"placeholderTitle":{}},"globe_icon":{"type":"icon","value":{"aliases":["globe-americas","earth","earth-america"],"altIconName":"earth-americas","categories":[],"icon_set":"fontawesome-6.4.2","name":"earth-americas","styles":["SOLID"],"svg":{"SOLID":"M57.7 193l9.4 16.4c8.3 14.5 21.9 25.2 38 29.8L163 255.7c17.2 4.9 29 20.6 29 38.5v39.9c0 11 6.2 21 16 25.9s16 14.9 16 25.9v39c0 15.6 14.9 26.9 29.9 22.6c16.1-4.6 28.6-17.5 32.7-33.8l2.8-11.2c4.2-16.9 15.2-31.4 30.3-40l8.1-4.6c15-8.5 24.2-24.5 24.2-41.7v-8.3c0-12.7-5.1-24.9-14.1-33.9l-3.9-3.9c-9-9-21.2-14.1-33.9-14.1H257c-11.1 0-22.1-2.9-31.8-8.4l-34.5-19.7c-4.3-2.5-7.6-6.5-9.2-11.2c-3.2-9.6 1.1-20 10.2-24.5l5.9-3c6.6-3.3 14.3-3.9 21.3-1.5l23.2 7.7c8.2 2.7 17.2-.4 21.9-7.5c4.7-7 4.2-16.3-1.2-22.8l-13.6-16.3c-10-12-9.9-29.5 .3-41.3l15.7-18.3c8.8-10.3 10.2-25 3.5-36.7l-2.4-4.2c-3.5-.2-6.9-.3-10.4-.3C163.1 48 84.4 108.9 57.7 193zM464 256c0-36.8-9.6-71.4-26.4-101.5L412 164.8c-15.7 6.3-23.8 23.8-18.5 39.8l16.9 50.7c3.5 10.4 12 18.3 22.6 20.9l29.1 7.3c1.2-9 1.8-18.2 1.8-27.5zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"},"unicode":"f57d","viewPort":[0,0,512,512]}},"groupButton":{"buttonContentIcon":{"type":"icon","value":{"aliases":[],"altIconName":"arrow-right","categories":[],"icon_set":"fontawesome-6.4.2","name":"arrow-right","styles":["SOLID"],"svg":{"SOLID":"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"},"unicode":"f061","viewPort":[0,0,448,512]}},"buttonContentIconPosition":{},"buttonContentLink":{},"buttonContentShowIcon":{},"buttonContentText":{},"showButton":{}},"groupLogo":{"logo":{},"logoLinkOverride":{},"overrideLogoLink":{}},"groupNavigation":{"menu":{"type":"menu","value":{"content":"\u003Cspan id=\"hs_cos_wrapper_header-module-1_\" class=\"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu\" style=\"\" data-hs-cos-general-type=\"widget\" data-hs-cos-type=\"menu\" \u003E\u003Cdiv class=\"hs-menu-wrapper active-branch hs-menu-flow-horizontal\" role=\"navigation\" data-sitemap-name=\"default_horizontal_menu_html\"\u003E\n \u003Cul\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1 hs-item-has-children\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 1\u003C\u002Fa\u003E\n \u003Cul class=\"hs-menu-children-wrapper\"\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-2 hs-item-has-children\"\u003E\n \u003Ca href=\"#\"\u003ESub-menu Item 1\u003C\u002Fa\u003E\n \u003Cul class=\"hs-menu-children-wrapper\"\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-3\"\u003E\n \u003Ca href=\"#\"\u003EAnother Item\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-2\"\u003E\n \u003Ca href=\"#\"\u003ESub-menu Item 2\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1 hs-item-has-children\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 2\u003C\u002Fa\u003E\n \u003Cul class=\"hs-menu-children-wrapper\"\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-2\"\u003E\n \u003Ca href=\"#\"\u003EYet Another Item\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 3\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 4\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n\u003C\u002Fdiv\u003E\n\u003C\u002Fspan\u003E","menuId":"default"}}},"styles":{"groupButton":{"buttonStyleSize":{},"buttonStyleVariant":{}},"groupMenu":{"menuAccentColor":{},"menuAlignment":{}
2626,"menuBackgroundColor":{},"menuTextColor":{},"menuTextHoverColor":{}}}},"url":"https:\u002F\u002F48752163.fs1.hubspotusercontent-na1.net\u002Fhubfs\u002F48752163\u002Fraw_assets\u002Fcms-elevate-theme\u002Fmaster\u002F2274\u002Fjs_client_assets\u002Fassets\u002FMobileMenuIsland-i8qAYrhU.js"}]; 2627 if (Array.isArray(window.__islands)) { 2628 window.__islands.push(...newIslands); 2629 } else { 2630 window.__islands = newIslands; 2631 } 2632 2633 var newState = {"hs-ss-:02056anff8707R0:":{"value":[],"hasCustomReducerFunc":true}}; 2634 if (window.__hsSSInit) { 2635 window.__hsSSInit = Object.assign(window.__hsSSInit, newState); 2636 } else { 2637 window.__hsSSInit = newState; 2638 } 2639 </script>
2639 2640 <link rel="modulepreload" crossorigin href="https://static.hsappstatic.net/cms-js-static/ex/js/react/v18/react-combined.mjs"> 2641
2641<script type="module" crossorigin> 2642 import { initConfigSingletonFromJSON, setupIslandHydration } from "https://static.hsappstatic.net/cms-js-static/ex/js/island-runtime/v1/island-runtime.mjs" 2643 initConfigSingletonFromJSON(window.__hsEnvConfig) 2644 setupIslandHydration(); 2645 </script>
2645 2646 </div> 2647 2648</div><!--end widget-span --> 2649</div><!--end row--> 2650</div><!--end row-wrapper --> 2651 2652</div><!--end widget-span --> 2653</div> 2654</div> 2655</div> 2656 2657</header></div> 2658 2659 2660 2661 <main id="main-content"> 2662 2663 2664<div class="container-fluid"> 2665<div class="row-fluid-wrapper"> 2666<div class="row-fluid"> 2667<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> 2668 2669<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section main-row-0-padding"> 2670<div class="row-fluid "> 2671<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2672 2673<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> 2674<div class="row-fluid "> 2675<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2676<div id="hs_cos_wrapper_main-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-09VGSRsQ.css"> 2677<div class="hs-elevate-heading-container _hs-elevate-heading-container_1bnlv_1" style="--hsElevate--heading__textColor:var(--hsElevate--section--lightSection--1__textColor)"><h1 class="hs-elevate-h1 hs-elevate-heading-container__heading" style="text-align:center" data-hs-token="module.main-module-2.headingAndTextHeading">BloggsÃða Tölvutek</h1></div> 2678
2678<script type="text/javascript"> 2679 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"na1","portalID":9454685}; 2680 window.__hsServerPageUrl = "https:\u002F\u002Fblog.tolvutek.is"; 2681 window.__hsBasePath = "\u002F"; 2682 </script>
2682 2683 </div> 2684 2685</div><!--end widget-span --> 2686</div><!--end row--> 2687</div><!--end row-wrapper --> 2688 2689<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> 2690<div class="row-fluid "> 2691<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2692<div id="hs_cos_wrapper_main-module-3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-AJ-XpXDx.css"> 2693<div class="hs-elevate-rich-text _hs-elevate-rich-text_6uweg_1" style="--hsElevate--richText__textColor:var(--hsElevate--section--lightSection--1__textColor);--hsElevate--richText__accentColor:var(--hsElevate--section--lightSection--1__accentColor);--hsElevate--richText__linkColor:var(--hsElevate--section--lightSection--1--link__fontColor);--hsElevate--richText__textDecoration:var(--hsElevate--section--lightSection--1--link__textDecoration);--hsElevate--richText__textDecorationColor:var(--hsElevate--section--lightSection--1--link__textDecorationColor);--hsElevate--richText__linkHoverColor:var(--hsElevate--section--lightSection--1--link__hover--fontColor);--hsElevate--richText__linkHoverTextDecoration:var(--hsElevate--section--lightSection--1--link__hover--textDecoration);--hsElevate--richText__linkHoverTextDecorationColor:var(--hsElevate--section--lightSection--1--link__hover--textDecorationColor);--hsElevate--blockquote__textColor:var(--hsElevate--section--lightSection--1--blockquote__textColor);--hsElevate--blockquote__backgroundColor:var(--hsElevate--section--lightSection--1--blockquote__backgroundColor);--hsElevate--blockquote__accentColor:var(--hsElevate--section--lightSection--1--blockquote__accentColor)" data-hs-token="module.main-module-3.richTextContentHTML"><p style="text-align: center;">Með bloggsÃðu Tölvutek stefnum við á að veita enn betri þjónustu fyrir viðskiptavini okkar. Við köfum dýpra à og veitum meiri upplýsingar um nýjustu tækni, tökum saman alls konar græjur sem henta við ákveðin tilefni og/eða kynnum fyrir viðskiptavinum spennandi vöruflokka.</p></div> 2694
2694<script type="text/javascript"> 2695 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"na1","portalID":9454685}; 2696 window.__hsServerPageUrl = "https:\u002F\u002Fblog.tolvutek.is"; 2697 window.__hsBasePath = "\u002F"; 2698 </script>
2698 2699 </div> 2700 2701</div><!--end widget-span --> 2702</div><!--end row--> 2703</div><!--end row-wrapper --> 2704 2705</div><!--end widget-span --> 2706</div><!--end row--> 2707</div><!--end row-wrapper --> 2708 2709<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-section main-row-1-padding"> 2710<div class="row-fluid "> 2711<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2712 2713<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row"> 2714<div class="row-fluid "> 2715<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2716<div id="hs_cos_wrapper_main-module-5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-VsEJxFmn.css" nonce="hs-random-style-nonce" /> 2717<link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/fetchGatedBlogPosts-B6QPzf8z.css" nonce="hs-random-style-nonce" /> 2718<link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-N2SAwmPM.css" nonce="hs-random-style-nonce" /> 2719<div class="hs-elevate-blog-listing _hs-elevate-blog-listing--has-featured-post_9gezl_24"><div class="hs-elevate-blog-listing__blog-card-container _hs-elevate-blog-listing__blog-card-container_9gezl_1"><div style="--hsElevate--blogCard__textColor:var(--hsElevate--card--variant2__textColor);--hsElevate--blogCardIcon__backgroundColor:var(--hsElevate--card--variant2__iconBackgroundColor)" class="hs-elevate-card--blog__card-wrapper _hs-elevate-card--blog__card-wrapper_1wj8d_1 hs-elevate-blog-listing__blog-card"><article class="hs-elevate-card _hs-elevate-card_oqfoj_1 hs-elevate-card--variant-2 hs-elevate-card--blog _hs-elevate-card--blog_1wj8d_1 undefined"><a class="hs-elevate-card--blog__link _hs-elevate-card--blog__link_1wj8d_43" href="https://blog.tolvutek.is/staerri-heimilistaekjadeild-opnar-1okt"><div class="hs-elevate-card--blog__image-container _hs-elevate-card--blog__image-container_1wj8d_13"><img class="hs-elevate-card--blog__image _hs-elevate-card--blog__image_1wj8d_13" src="https://9454685.fs1.hubspotusercontent-na1.net/hubfs/9454685/snjallari-opnun-header-5.png" alt="staerri heimilistaekjadeild opnar 1 oktober" width="2560" height="1440"/></div><div class="hs-elevate-card--blog__content-container _hs-elevate-card--blog__content-container_1wj8d_32"><div class="hs-elevate-card--blog__tag-container _hs-elevate-card--blog__tag-container_1wj8d_54"><span class="hs-elevate-tag ">HeimabÃó</span><span class="hs-elevate-tag ">Heimilistæki</span><span class="hs-elevate-tag ">Tilboð</span></div><div><h2 class="hs-elevate-h4 hs-elevate-card--blog__heading _hs-elevate-card--blog__heading_1wj8d_36">Ný og stærri heimilistækjadeild opnar hjá Tölvutek</h2></div></div></a></article></div><div style="--hsElevate--blogCard__textColor:var(--hsElevate--card--variant2__textColor);--hsElevate--blogCardIcon__backgroundColor:var(--hsElevate--card--variant2__iconBackgroundColor)" class="hs-elevate-card--blog__card-wrapper _hs-elevate-card--blog__card-wrapper_1wj8d_1 hs-elevate-blog-listing__blog-card"><article class="hs-elevate-card _hs-elevate-card_oqfoj_1 hs-elevate-card--variant-2 hs-elevate-card--blog _hs-elevate-card--blog_1wj8d_1 undefined"><a class="hs-elevate-card--blog__link _hs-elevate-card--blog__link_1wj8d_43" href="https://blog.tolvutek.is/adata"><div class="hs-elevate-card--blog__image-container _hs-elevate-card--blog__image-container_1wj8d_13"><img class="hs-elevate-card--blog__image _hs-elevate-card--blog__image_1wj8d_13" src="https://9454685.fs1.hubspotusercontent-na1.net/hubfs/9454685/adata-blogg-header-4.jpg" alt="ADATA - hraði, áreiðanleiki og afköst" width="1751" height="876"/></div><div class="hs-elevate-card--blog__content-container _hs-elevate-card--blog__content-container_1wj8d_32"><div class="hs-elevate-card--blog__tag-container _hs-elevate-card--blog__tag-container_1wj8d_54"><span class="hs-elevate-tag ">SSD</span><span class="hs-elevate-tag ">ADATA</span><span class="hs-elevate-tag ">Vinnsluminni</span></div><div><h2 class="hs-elevate-h4 hs-elevate-card--blog__heading _hs-elevate-card--blog__heading_1wj8d_36">ADATA: Hraði, áreiðanleiki og afköst</h2></div></div></a></article></div>
2719<div style="--hsElevate--blogCard__textColor:var(--hsElevate--card--variant2__textColor);--hsElevate--blogCardIcon__backgroundColor:var(--hsElevate--card--variant2__iconBackgroundColor)" class="hs-elevate-card--blog__card-wrapper _hs-elevate-card--blog__card-wrapper_1wj8d_1 hs-elevate-blog-listing__blog-card"><article class="hs-elevate-card _hs-elevate-card_oqfoj_1 hs-elevate-card--variant-2 hs-elevate-card--blog _hs-elevate-card--blog_1wj8d_1 undefined"><a class="hs-elevate-card--blog__link _hs-elevate-card--blog__link_1wj8d_43" href="https://blog.tolvutek.is/staekkadu-ps5-geymsluna"><div class="hs-elevate-card--blog__image-container _hs-elevate-card--blog__image-container_1wj8d_13"><img class="hs-elevate-card--blog__image _hs-elevate-card--blog__image_1wj8d_13" src="https://9454685.fs1.hubspotusercontent-na1.net/hubfs/9454685/header-blogg-adata-ps5-v2.png" alt="PS5 ADATA stækkun á SSD" width="2560" height="1440"/></div><div class="hs-elevate-card--blog__content-container _hs-elevate-card--blog__content-container_1wj8d_32"><div class="hs-elevate-card--blog__tag-container _hs-elevate-card--blog__tag-container_1wj8d_54"><span class="hs-elevate-tag ">PS5</span><span class="hs-elevate-tag ">SSD</span><span class="hs-elevate-tag ">ADATA</span></div><div><h2 class="hs-elevate-h4 hs-elevate-card--blog__heading _hs-elevate-card--blog__heading_1wj8d_36">Ný PS5 à jólagjöf? Svona stækkar þú geymsluna</h2></div></div></a></article></div><div style="--hsElevate--blogCard__textColor:var(--hsElevate--card--variant2__textColor);--hsElevate--blogCardIcon__backgroundColor:var(--hsElevate--card--variant2__iconBackgroundColor)" class="hs-elevate-card--blog__card-wrapper _hs-elevate-card--blog__card-wrapper_1wj8d_1 hs-elevate-blog-listing__blog-card"><article class="hs-elevate-card _hs-elevate-card_oqfoj_1 hs-elevate-card--variant-2 hs-elevate-card--blog _hs-elevate-card--blog_1wj8d_1 undefined"><a class="hs-elevate-card--blog__link _hs-elevate-card--blog__link_1wj8d_43" href="https://blog.tolvutek.is/gigabyte-leikjaskjair"><div class="hs-elevate-card--blog__image-container _hs-elevate-card--blog__image-container_1wj8d_13"><img class="hs-elevate-card--blog__image _hs-elevate-card--blog__image_1wj8d_13" src="https://9454685.fs1.hubspotusercontent-na1.net/hubfs/9454685/gigabyte-hubspot-feature-1.png" alt="Gigabyte leikjaskjáir feature" width="2000" height="1000"/></div><div class="hs-elevate-card--blog__content-container _hs-elevate-card--blog__content-container_1wj8d_32"><div class="hs-elevate-card--blog__tag-container _hs-elevate-card--blog__tag-container_1wj8d_54"><span class="hs-elevate-tag ">gigabyte</span><span class="hs-elevate-tag ">leikjaskjáir</span><span class="hs-elevate-tag ">gaming</span></div><div><h2 class="hs-elevate-h4 hs-elevate-card--blog__heading _hs-elevate-card--blog__heading_1wj8d_36">Gigabyte leikjaskjáir</h2></div></div></a></article></div><div style="--hsElevate--blogCard__textColor:var(--hsElevate--card--variant2__textColor);--hsElevate--blogCardIcon__backgroundColor:var(--hsElevate--card--variant2__iconBackgroundColor)" class="hs-elevate-card--blog__card-wrapper _hs-elevate-card--blog__card-wrapper_1wj8d_1 hs-elevate-blog-listing__blog-card"><article class="hs-elevate-card _hs-elevate-card_oqfoj_1 hs-elevate-card--variant-2 hs-elevate-card--blog _hs-elevate-card--blog_1wj8d_1 undefined"><a class="hs-elevate-card--blog__link _hs-elevate-card--blog__link_1wj8d_43" href="https://blog.tolvutek.is/upplysingar-um-google-management-leyfi-fyrir-menntastofnanir"><div class="hs-elevate-card--blog__image-container _hs-elevate-card--blog__image-container_1wj8d_13"><img class="hs-elevate-card--blog__image _hs-elevate-card--blog__image_1wj8d_13" src="https://9454685.fs1.hubspotusercontent-na1.net/hubfs/9454685/google_cloud-01b.png" alt="Google Cloud Management feature" width="2000" height="1000"/></div><div class="hs-elevate-card--blog__content-container _hs-elevate-card--blog__content-container_1wj8d_32"><div><h2 class="hs-elevate-h4 hs-elevate-card--blog__heading _hs-elevate-card--blog__heading_1wj8d_36">Google Cloud Management leyfi fyrir menntastofnanir</h2></div></div></a></article></div>
2719<div style="--hsElevate--blogCard__textColor:var(--hsElevate--card--variant2__textColor);--hsElevate--blogCardIcon__backgroundColor:var(--hsElevate--card--variant2__iconBackgroundColor)" class="hs-elevate-card--blog__card-wrapper _hs-elevate-card--blog__card-wrapper_1wj8d_1 hs-elevate-blog-listing__blog-card"><article class="hs-elevate-card _hs-elevate-card_oqfoj_1 hs-elevate-card--variant-2 hs-elevate-card--blog _hs-elevate-card--blog_1wj8d_1 undefined"><a class="hs-elevate-card--blog__link _hs-elevate-card--blog__link_1wj8d_43" href="https://blog.tolvutek.is/fermingar"><div class="hs-elevate-card--blog__image-container _hs-elevate-card--blog__image-container_1wj8d_13"><img class="hs-elevate-card--blog__image _hs-elevate-card--blog__image_1wj8d_13" src="https://9454685.fs1.hubspotusercontent-na1.net/hubfs/9454685/fermingargraejur-header.png" alt="Fermingargræjur à Tölvutek" width="2000" height="1000"/></div><div class="hs-elevate-card--blog__content-container _hs-elevate-card--blog__content-container_1wj8d_32"><div class="hs-elevate-card--blog__tag-container _hs-elevate-card--blog__tag-container_1wj8d_54"><span class="hs-elevate-tag ">fermingar</span><span class="hs-elevate-tag ">unglingar</span><span class="hs-elevate-tag ">tækni</span></div><div><h2 class="hs-elevate-h4 hs-elevate-card--blog__heading _hs-elevate-card--blog__heading_1wj8d_36">Græjaðu ferminguna</h2></div></div></a></article></div><div style="--hsElevate--blogCard__textColor:var(--hsElevate--card--variant2__textColor);--hsElevate--blogCardIcon__backgroundColor:var(--hsElevate--card--variant2__iconBackgroundColor)" class="hs-elevate-card--blog__card-wrapper _hs-elevate-card--blog__card-wrapper_1wj8d_1 hs-elevate-blog-listing__blog-card"><article class="hs-elevate-card _hs-elevate-card_oqfoj_1 hs-elevate-card--variant-2 hs-elevate-card--blog _hs-elevate-card--blog_1wj8d_1 undefined"><a class="hs-elevate-card--blog__link _hs-elevate-card--blog__link_1wj8d_43" href="https://blog.tolvutek.is/endurnytt"><div class="hs-elevate-card--blog__image-container _hs-elevate-card--blog__image-container_1wj8d_13"><img class="hs-elevate-card--blog__image _hs-elevate-card--blog__image_1wj8d_13" src="https://9454685.fs1.hubspotusercontent-na1.net/hubfs/9454685/icon-endurnytt-mid-header.png" alt="endurnýtt logo" width="1200" height="700"/></div><div class="hs-elevate-card--blog__content-container _hs-elevate-card--blog__content-container_1wj8d_32"><div class="hs-elevate-card--blog__tag-container _hs-elevate-card--blog__tag-container_1wj8d_54"><span class="hs-elevate-tag ">endurNÃTT</span><span class="hs-elevate-tag ">Uppgerðar vörur</span><span class="hs-elevate-tag ">Second hand</span></div><div><h2 class="hs-elevate-h4 hs-elevate-card--blog__heading _hs-elevate-card--blog__heading_1wj8d_36">endurNÃTT à Tölvutek</h2></div></div></a></article></div></div><nav class="hs-elevate-blog-listing__pagination-container _hs-elevate-blog-listing__pagination-container_1v5vx_1"><a class="hs-elevate-blog-listing__nav-link _hs-elevate-blog-listing__nav-link_1v5vx_47 _hs-elevate-blog-listing__nav-link--disabled_1v5vx_61" href="/page/1"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14" fill="none" class="hs-elevate-blog-listing__pagination-icon hs-elevate-helper--rotate-180 _hs-elevate-helper--rotate-180_1v5vx_48"><path d="M8.20786 6.29377C8.59849 6.6844 8.59849 7.31877 8.20786 7.7094L2.20786 13.7094C1.81724 14.1 1.18286 14.1 0.792236 13.7094C0.401611 13.3188 0.401611 12.6844 0.792236 12.2938L6.08599 7.00002L0.795361 1.70627C0.404736 1.31565 0.404736 0.681274 0.795361 0.290649C1.18599 -0.0999756 1.82036 -0.0999756 2.21099 0.290649L8.21099 6.29065L8.20786 6.29377Z" fill="#4F38E0"></path></svg><span class="_hs-elevate-blog-listing__screen-ready-only_1v5vx_66">Previous page</span></a><a class="hs-elevate-blog-listing__pagination-link _hs-elevate-blog-listing__pagination-link_1v5vx_13 _hs-elevate-blog-listing__pagination-link--active_1v5vx_26" href="/page/1">1</a><a class="hs-elevate-blog-listing__nav-link _hs-elevate-blog-listing__nav-link_1v5vx_47 _hs-elevate-blog-listing__nav-link--disabled_1v5vx_61" href="/page/0"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14" fill="none" class="hs-elevate-blog-listing__pagination-icon">
2719<path d="M8.20786 6.29377C8.59849 6.6844 8.59849 7.31877 8.20786 7.7094L2.20786 13.7094C1.81724 14.1 1.18286 14.1 0.792236 13.7094C0.401611 13.3188 0.401611 12.6844 0.792236 12.2938L6.08599 7.00002L0.795361 1.70627C0.404736 1.31565 0.404736 0.681274 0.795361 0.290649C1.18599 -0.0999756 1.82036 -0.0999756 2.21099 0.290649L8.21099 6.29065L8.20786 6.29377Z" fill="#4F38E0"></path></svg><span class="_hs-elevate-blog-listing__screen-ready-only_1v5vx_66">Next page</span></a></nav></div> 2720
2720<script type="text/javascript" nonce="hs-random-nonce"> 2721 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"na1","portalID":9454685}; 2722 window.__hsServerPageUrl = "https:\u002F\u002Fblog.tolvutek.is\u002F"; 2723 window.__hsBasePath = "\u002F"; 2724 </script>
2724 2725 2726<link rel="preload" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-VsEJxFmn.css" as="style" />
2727<script nonce="hs-random-nonce"> 2728 document.head.insertAdjacentHTML("beforeend", `<link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-VsEJxFmn.css" />`); 2729</script>
2729 2730<link rel="preload" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/fetchGatedBlogPosts-B6QPzf8z.css" as="style" />
2731<script nonce="hs-random-nonce"> 2732 document.head.insertAdjacentHTML("beforeend", `<link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/fetchGatedBlogPosts-B6QPzf8z.css" />`); 2733</script>
2733 2734<link rel="preload" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-N2SAwmPM.css" as="style" />
2735<script nonce="hs-random-nonce"> 2736 document.head.insertAdjacentHTML("beforeend", `<link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-N2SAwmPM.css" />`); 2737</script>
2737</div> 2738 2739</div><!--end widget-span --> 2740</div><!--end row--> 2741</div><!--end row-wrapper --> 2742 2743</div><!--end widget-span --> 2744</div><!--end row--> 2745</div><!--end row-wrapper --> 2746 2747</div><!--end widget-span --> 2748</div> 2749</div> 2750</div> 2751 2752 2753 </main> 2754 2755 2756 <div data-global-resource-path="@hubspot/elevate/templates/partials/footer.hubl.html"> 2757 2758 2759 2760 2761 2762 2763<footer class="hs-elevate-footer"> 2764 <div class="container-fluid"> 2765<div class="row-fluid-wrapper"> 2766<div class="row-fluid"> 2767<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> 2768 2769<div class="row-fluid-wrapper row-depth-1 row-number-1 footer-row-0-background-color dnd-section footer-row-0-padding footer-row-0-background-layers"> 2770<div class="row-fluid "> 2771<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2772 2773<div class="row-fluid-wrapper row-depth-1 row-number-2 footer-column-1-row-0-margin dnd-row"> 2774<div class="row-fluid "> 2775<div class="span12 widget-span widget-type-custom_widget footer-module-2-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2776<div id="hs_cos_wrapper_footer-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 2777 2778 2779 2780 2781 2782 2783 2784 2785 2786 2787 2788 2789 2790 2791 2792 2793 2794 2795 2796 2797 2798 2799 2800 2801 <span id="hs_cos_wrapper_footer-module-2_hs_logo_widget" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://tolvutek.is/" id="hs-link-footer-module-2_hs_logo_widget" style="border-width:0px;border:0px;"><img src="https://blog.tolvutek.is/hs-fs/hubfs/logo_tolvutek_landscape_smaller-4.png?width=500&height=100&name=logo_tolvutek_landscape_smaller-4.png" class="hs-image-widget " height="100" style="height: auto;width:500px;border-width:0px;border:0px;" width="500" alt="logo_tolvutek_landscape_smaller-4" title="logo_tolvutek_landscape_smaller-4" loading="lazy" srcset="https://blog.tolvutek.is/hs-fs/hubfs/logo_tolvutek_landscape_smaller-4.png?width=250&height=50&name=logo_tolvutek_landscape_smaller-4.png 250w, https://blog.tolvutek.is/hs-fs/hubfs/logo_tolvutek_landscape_smaller-4.png?width=500&height=100&name=logo_tolvutek_landscape_smaller-4.png 500w, https://blog.tolvutek.is/hs-fs/hubfs/logo_tolvutek_landscape_smaller-4.png?width=750&height=150&name=logo_tolvutek_landscape_smaller-4.png 750w, https://blog.tolvutek.is/hs-fs/hubfs/logo_tolvutek_landscape_smaller-4.png?width=1000&height=200&name=logo_tolvutek_landscape_smaller-4.png 1000w, https://blog.tolvutek.is/hs-fs/hubfs/logo_tolvutek_landscape_smaller-4.png?width=1250&height=250&name=logo_tolvutek_landscape_smaller-4.png 1250w, https://blog.tolvutek.is/hs-fs/hubfs/logo_tolvutek_landscape_smaller-4.png?width=1500&height=300&name=logo_tolvutek_landscape_smaller-4.png 1500w" sizes="(max-width: 500px) 100v
2801w, 500px"></a></span> 2802</div> 2803 2804</div><!--end widget-span --> 2805</div><!--end row--> 2806</div><!--end row-wrapper --> 2807 2808<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row footer-column-1-row-1-margin"> 2809<div class="row-fluid "> 2810<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2811<div id="hs_cos_wrapper_footer-module-3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/PlaceholderEmptyContent-MX2JmU9C.css"> 2812<link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/MenuItemComponent-BLBQT5iZ.css"> 2813<div style="--hsElevate--menuItem__paddingVertical:0;--hsElevate--menuItem__paddingHorizontal:0;--hsElevate--menu--topLevel__gap:var(--hsElevate--spacing--32, 32px);--hsElevate--menuItem__gap:0" class="hs-elevate-horizontal-menu"><!--$--><div data-hs-island="true" id="island-354f3cn288a59R0"><!--$--><nav tabindex="0"><ul role="menu" class="hs-elevate-menu hs-elevate-menu--horizontal hs-elevate-menu--desktop hs-elevate-horizontal-menu__menu" style="justify-content:center;padding:0"></ul></nav><!--/$--></div><!--/$--></div> 2814
2814<script type="text/javascript"> 2815 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"na1","portalID":9454685}; 2816 window.__hsServerPageUrl = "https:\u002F\u002Fblog.tolvutek.is"; 2817 window.__hsBasePath = "\u002F"; 2818 </script>
2818 2819 2820
2820<script type="text/javascript"> 2821 var newIslands = [{"clientOnly":false,"hydrateOn":"load","id":"island-354f3cn288a59R0","moduleId":"components\u002FMenuComponent\u002Findex.tsx?client-entry","moduleName":"index","priority":0,"props":{"additionalClassArray":["hs-elevate-horizontal-menu__menu"],"flow":"horizontal","linkStyleVariant":"secondary_links","maxDepth":1,"menuAlignment":{"css":"","horizontal_align":"CENTER"},"menuDataArray":[],"navigationAriaLabel":""},"supplementalFieldValues":{"groupPlaceholderText":{"placeholderDescription":{},"placeholderTitle":{}},"maxDepth":{},"menu":{"type":"menu","value":{"content":"\u003Cspan id=\"hs_cos_wrapper_footer-module-3_\" class=\"hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu\" style=\"\" data-hs-cos-general-type=\"widget\" data-hs-cos-type=\"menu\" \u003E\u003Cdiv class=\"hs-menu-wrapper active-branch hs-menu-flow-horizontal\" role=\"navigation\" data-sitemap-name=\"default_horizontal_menu_html\"\u003E\n \u003Cul\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1 hs-item-has-children\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 1\u003C\u002Fa\u003E\n \u003Cul class=\"hs-menu-children-wrapper\"\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-2 hs-item-has-children\"\u003E\n \u003Ca href=\"#\"\u003ESub-menu Item 1\u003C\u002Fa\u003E\n \u003Cul class=\"hs-menu-children-wrapper\"\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-3\"\u003E\n \u003Ca href=\"#\"\u003EAnother Item\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-2\"\u003E\n \u003Ca href=\"#\"\u003ESub-menu Item 2\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1 hs-item-has-children\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 2\u003C\u002Fa\u003E\n \u003Cul class=\"hs-menu-children-wrapper\"\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-2\"\u003E\n \u003Ca href=\"#\"\u003EYet Another Item\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 3\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003Cli class=\"hs-menu-item hs-menu-depth-1\"\u003E\n \u003Ca href=\"#\"\u003EMenu Item 4\u003C\u002Fa\u003E\n \u003C\u002Fli\u003E\n \u003C\u002Ful\u003E\n\u003C\u002Fdiv\u003E\n\u003C\u002Fspan\u003E","menuId":"default"}},"menuName":{},"styles":{"groupLink":{"linkStyleVariant":{}},"groupMenu":{"menuAlignment":{},"menuColumnGap":{}},"groupMenuItems":{"menuItemPadding":{},"menuItemVerticalGap":{}}}},"url":"https:\u002F\u002F48752163.fs1.hubspotusercontent-na1.net\u002Fhubfs\u002F48752163\u002Fraw_assets\u002Fcms-elevate-theme\u002Fmaster\u002F2274\u002Fjs_client_assets\u002Fassets\u002Findex-BmfWLHSR.js"}]; 2822 if (Array.isArray(window.__islands)) { 2823 window.__islands.push(...newIslands); 2824 } else { 2825 window.__islands = newIslands; 2826 } 2827 </script>
2827 2828 <link rel="modulepreload" crossorigin href="https://static.hsappstatic.net/cms-js-static/ex/js/react/v18/react-combined.mjs"> 2829
2829<script type="module" crossorigin> 2830 import { initConfigSingletonFromJSON, setupIslandHydration } from "https://static.hsappstatic.net/cms-js-static/ex/js/island-runtime/v1/island-runtime.mjs" 2831 initConfigSingletonFromJSON(window.__hsEnvConfig) 2832 setupIslandHydration(); 2833 </script>
2833 2834 </div> 2835 2836</div><!--end widget-span --> 2837</div><!--end row--> 2838</div><!--end row-wrapper --> 2839 2840<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> 2841<div class="row-fluid "> 2842<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2843<div id="hs_cos_wrapper_footer-module-4" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-CwxSt1Vd.css"> 2844<div class="hs-elevate-social-follow _hs-elevate-social-follow_el603_1" style="--hsElevate--socialFollowIcon__padding:var(--hsElevate--spacing--10, 10px);--hsElevate--socialFollowIcon__size:var(--hsElevate--icon--small__size);--hsElevate--socialFollowIcon__shape:var(--hsElevate-circle);--hsElevate--socialFollowIcon__gap:var(--hsElevate--spacing--12, 12px);--hsElevate--socialFollow__justifyContent:center;--hsElevate--socialFollowIcon__backgroundColor:var(--hsElevate--button--primary__backgroundColor);--hsElevate--socialFollowIcon__color:var(--hsElevate--button--primary__textColor);--hsElevate--socialFollowIcon__borderColor:var(--hsElevate--button--primary__borderColor);--hsElevate--socialFollowIcon__borderWidth:var(--hsElevate--button--primary__borderThickness);--hsElevate--socialFollowIcon__hover--backgroundColor:var(--hsElevate--button--primary__hover--backgroundColor);--hsElevate--socialFollowIcon__hover--color:var(--hsElevate--button--primary__hover--textColor);--hsElevate--socialFollowIcon__hover--borderColor:var(--hsElevate--button--primary__hover--borderColor);--hsElevate--socialFollowIcon__hover--borderWidth:var(--hsElevate--button--primary__hover--borderThickness);--hsElevate--socialFollowIcon__active--backgroundColor:var(--hsElevate--button--primary__active--backgroundColor);--hsElevate--socialFollowIcon__active--color:var(--hsElevate--button--primary__active--textColor);--hsElevate--socialFollowIcon__active--borderColor:var(--hsElevate--button--primary__active--borderColor);--hsElevate--socialFollowIcon__active--borderWidth:var(--hsElevate--button--primary__active--borderThickness)"><a class="hs-elevate-social-follow__link _hs-elevate-social-follow__link_el603_9" rel="" target="" href="https://www.linkedin.com/tolvutek" aria-label="Follow us on LinkedIn"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true" class="hs-elevate-social-follow__icon _hs-elevate-social-follow__icon_el603_50"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a><a class="hs-elevate-social-follow__link _hs-elevate-social-follow__link_el603_9" rel="" target="" href="https://www.facebook.com/tolvutek" aria-label="Follow us on Facebook"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512" aria-hidden="true" class="hs-elevate-social-follow__icon _hs-elevate-social-follow__icon_el603_50"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></a><a class="hs-elevate-social-follow__link _hs-elevate-social-follow__link_el603_9" rel="" target="" href="https://www.instagram.com/tolvutek" aria-label="Follow us on Instagram"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true" class="hs-elevate-social-follow__icon _hs-elevate-social-follow__icon_el603_50"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a><a class="hs-elevate-social-follow__link _hs-elevate-social-follow__link_el603_9" rel="" target="" href="https://www.tiktok.com/@tolvutek" aria-label="Follow us on TikTok"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true" class="hs-elevate-social-follow__icon _hs-elevate-social-follow__icon_el603_50"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"></path></svg></a></div> 2845
2845<script type="text/javascript"> 2846 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"na1","portalID":9454685}; 2847 window.__hsServerPageUrl = "https:\u002F\u002Fblog.tolvutek.is"; 2848 window.__hsBasePath = "\u002F"; 2849 </script>
2849 2850 </div> 2851 2852</div><!--end widget-span --> 2853</div><!--end row--> 2854</div><!--end row-wrapper --> 2855 2856</div><!--end widget-span --> 2857</div><!--end row--> 2858</div><!--end row-wrapper --> 2859 2860<div class="row-fluid-wrapper row-depth-1 row-number-5 footer-row-1-force-full-width-section dnd-section footer-row-1-padding footer-row-1-background-layers footer-row-1-background-color"> 2861<div class="row-fluid "> 2862<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2863<div id="hs_cos_wrapper_footer-module-5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 2864 2865 2866 2867 2868 2869 2870 2871<hr></div> 2872 2873</div><!--end widget-span --> 2874</div><!--end row--> 2875</div><!--end row-wrapper --> 2876 2877<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-section footer-row-2-background-layers footer-row-2-background-color footer-row-2-padding"> 2878<div class="row-fluid "> 2879<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2880<div id="hs_cos_wrapper_footer-module-6" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://48752163.fs1.hubspotusercontent-na1.net/hubfs/48752163/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-AJ-XpXDx.css"> 2881<div class="hs-elevate-rich-text _hs-elevate-rich-text_6uweg_1" style="--hsElevate--richText__textColor:var(--hsElevate--section--lightSection--1__textColor);--hsElevate--richText__accentColor:var(--hsElevate--section--lightSection--1__accentColor);--hsElevate--richText__linkColor:var(--hsElevate--section--lightSection--1--link__fontColor);--hsElevate--richText__textDecoration:var(--hsElevate--section--lightSection--1--link__textDecoration);--hsElevate--richText__textDecorationColor:var(--hsElevate--section--lightSection--1--link__textDecorationColor);--hsElevate--richText__linkHoverColor:var(--hsElevate--section--lightSection--1--link__hover--fontColor);--hsElevate--richText__linkHoverTextDecoration:var(--hsElevate--section--lightSection--1--link__hover--textDecoration);--hsElevate--richText__linkHoverTextDecorationColor:var(--hsElevate--section--lightSection--1--link__hover--textDecorationColor);--hsElevate--blockquote__textColor:var(--hsElevate--section--lightSection--1--blockquote__textColor);--hsElevate--blockquote__backgroundColor:var(--hsElevate--section--lightSection--1--blockquote__backgroundColor);--hsElevate--blockquote__accentColor:var(--hsElevate--section--lightSection--1--blockquote__accentColor)" data-hs-token="module.footer-module-6.richTextContentHTML"><div style="text-align: center;"><a style="text-decoration: none;">Privacy Policy</a> · <a style="text-decoration: none;">Legal</a> · <span>© 2025 Tölvutek. All rights reserved.</span></div></div> 2882
2882<script type="text/javascript"> 2883 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist"],"hublet":"na1","portalID":9454685}; 2884 window.__hsServerPageUrl = "https:\u002F\u002Fblog.tolvutek.is"; 2885 window.__hsBasePath = "\u002F"; 2886 </script>
2886 2887 </div> 2888 2889</div><!--end widget-span --> 2890</div><!--end row--> 2891</div><!--end row-wrapper --> 2892 2893</div><!--end widget-span --> 2894</div> 2895</div> 2896</div> 2897</footer></div> 2898 2899 2900 2901 2902 2903 2904<!-- HubSpot performance collection script -->
2905<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 2905
2905
2906<script> 2907var hsVars = hsVars || {}; hsVars['language'] = 'is'; 2908</script>
2908 2909
2910<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
2910 2911 2912<!-- Start of HubSpot Analytics Code -->
2913<script type="text/javascript"> 2914var _hsq = _hsq || []; 2915_hsq.push(["setContentType", "listing-page"]); 2916_hsq.push(["setCanonicalUrl", "https:\/\/blog.tolvutek.is"]); 2917_hsq.push(["setPageId", "185595293349"]); 2918_hsq.push(["setContentMetadata", { 2919 "contentPageId": 185595293349, 2920 "legacyPageId": "185595293349", 2921 "contentFolderId": null, 2922 "contentGroupId": 185595293348, 2923 "abTestId": null, 2924 "languageVariantId": 185595293349, 2925 "languageCode": "is", 2926 2927 2928}]); 2929</script>
2929 2930
2931<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/9454685.js"></script>
2931 2932<!-- End of HubSpot Analytics Code --> 2933 2934
2935<script type="text/javascript"> 2936var hsVars = { 2937 render_id: "c6363de6-2893-47f4-a780-0a2c259acb0f", 2938 ticks: 1790769253713, 2939 page_id: 185595293349, 2940 2941 content_group_id: 185595293348, 2942 portal_id: 9454685, 2943 app_hs_base_url: "https://app.hubspot.com", 2944 cp_hs_base_url: "https://cp.hubspot.com", 2945 language: "is", 2946 analytics_page_type: "listing-page", 2947 scp_content_type: "", 2948 2949 analytics_page_id: "185595293349", 2950 category_id: 7, 2951 folder_id: 0, 2952 is_hubspot_user: false 2953} 2954</script>
2954 2955 2956
2957<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
2957 2958 2959 2960<div id="fb-root"></div> 2961
2961<script>(function(d, s, id) { 2962 var js, fjs = d.getElementsByTagName(s)[0]; 2963 if (d.getElementById(id)) return; 2964 js = d.createElement(s); js.id = id; 2965 js.src = "//connect.facebook.net/is_IS/sdk.js#xfbml=1&version=v3.0"; 2966 fjs.parentNode.insertBefore(js, fjs); 2967 }(document, 'script', 'facebook-jssdk'));</script>
2967
2967<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
2967 2968 2969 2970 2971 2972</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.